无法使用文本对齐或边距居中页脚：自动。小文也行不通

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}