html - 需要帮助对齐列表编号

Question

如何正确调整它，使数字 1. 不在左侧，而是在列表的其余部分的中间？先感谢您！使用 Chrome 不确定这是否重要我是新手。

<ol align="center">
   <li><br>Unique</li>
    <li><br>Bold/Straightforward</li>
     <li><br>Funny</li>
      <li><br>Spontanious</li>
       <li><br>Unpredictable</li>
        <li><br>Creative</li>
</ol>

Answer 1

这是你想要的吗？

HTML：

<ol>
    <li><br />Unique</li>
    <li><br />Bold/Straightforward</li>
    <li><br />Funny</li>
    <li><br />Spontaneous</li> <!-- fixed typo here -->
    <li><br />Unpredictable</li>
    <li><br />Creative</li>
</ol> 

CSS：

/* Use CSS to center */    
li { text-align: center; list-style-position: inside; }