html - 无法居中排序列表标题

我有一个带H3的有序列表，然后有一个段落。

我不知道如何将标题居中。

.list {
  list-style: decimal;
  list-style-position: inside;
  margin-left: 0px;
  display: inline-block;
}

.list li h3 {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}

<ol class="list" reversed="reversed">
  <li>
    <h3>Fourth Prime</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus feugiat at metus ut ultricies. Aliquam lacinia libero sit amet ex accumsan, sit amet imperdiet sapien vehicula. In hac habitasse platea.</p>

  </li>
</ol>

最佳答案

如果要让H3居中，请查看display css选项，当前display: inline-block不允许H3标签居中。

.list li h3 {
   display: inline-block; // block or list-item
   margin: 0 auto;
   text-align: center;
}

关于html - 无法居中排序列表标题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47045165/