无法居中有序列表标题

Question

我有一个带 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>

Answer 1

如果您希望 H3 居中查看显示 css 选项，目前 display: inline-block 不允许 H3 标签居中。

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

无法居中有序列表标题

Can't Center Ordered List Title

html

css

html-lists

centering