如何在HTML中居中有序列表编号

Question

我目前正在学习HTML编程.我有个问题:

如果我这样说:

<html>
<body align="middle">
HEADLINE
<ol>
<li>First Item</li>
</ol>
</body>
</html>

问题是当我希望它在标题下对齐时,数字(1.)在左边.如何将整个列表项目放到中间？

我需要至少10个声望才能添加图片,所以我会提供一个指向另一个网站的链接,供您查看图片:ALIGNING

Answer 1

您正在对齐正文中的文本.

试试这个:

.center {
  text-align: center;
  list-style-position: inside;
}

<h4 align="center">HEADLINE</h4>
<ol class="center">
  <li>First Item</li>
</ol>

对于读者来说 - 关键是`list-style-position:inside;`.它使浏览器考虑列表标记(在这种情况下为数字)与文本内联呈现,因此它可能受到`text-align`的影响. (4认同)