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

标签 html list alignment

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

如果我这样写:

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

问题是数字 (1.) 位于左侧,而我希望它在标题下方对齐。如何让整个列表项到中间?

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

最佳答案

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

试试这个:

.center {
  text-align: center;
  list-style-position: inside;
}
<h4 align="center">HEADLINE</h4>
<ol class="center">
  <li>First Item</li>
</ol>

关于html - 如何在 HTML 中将有序列表编号居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19364836/

相关文章:

javascript - 重定向页面不显示 url 值

python - 计算机速度和 Python 运行时

Java 或 Kotlin - 创建尽可能多的子列表

python - 如何将从文件中读取的单词存储到列表中

css - 使此布局正常工作的正确方法是什么?

html - 我想将搜索栏对齐到最右边

javascript - 在 div 中打开一个 anchor 链接

html - 为什么在 html5 中得到不同的结果

c# - 使用 LINQ 从索引不等于 int 的列表中获取项目

html - 表单对齐输入和下拉菜单