html - 无法使Footer的文本对齐或margin:auto居中。小文字也不起作用

Question

我无法将页脚居中放置text-align或margin：auto。小文本也不起作用。

我是HTML和CSS的新手，因此，非常感谢您的帮助

码：

/* Footer */
footer {
	text-align: center;
	font-size: 0.7em;
	border-top: 1px dotted #E8DFAC;
	padding-top: 1em;
	margin: 0 auto;
}

footer a,
footer a:visited {
	color: #636363;
}

footer a:hover,
footer a:focus {
	color: green;
}

<!-- Footer -->
	<footer>
		<small>Made by Hannah Hawkins</small>
	</footer>

:::更新:::
我发现可以使用页脚标记中的style属性对其进行修复。谢谢！

Answer 1

您希望页脚在中心对齐。不仅文本现在正确了吗？

要使页脚居中，您需要为其应用一个宽度，以使margin:0 auto起作用。

页脚是块元素，因此，如果您不想应用固定的宽度，请更改display:inline-block，然后将父级更改为text-align:center。

body {text-align: center;}
footer {display:inline-block}