[分享]css两个li水平对齐

<ul>
  <li>选项1</li>
  <li>选项2</li>
</ul>
<br>
<style>
  li {
    display: inline-block;
    vertical-align: top; /* 防止下对齐 */
  }
</style> 

列表：


<ol>
  <li>选项1</li><!-- 在下一行中移除空格 -->
  <li>选项2</li>
</ol>
<br>
<style>
  ol {
    list-style: none; /* 删除默认样式 */
    padding: 0; /* 删除边距 */
    margin: 0;
  }
<br>
  li {
    display: inline-block;
    vertical-align: top;
  }
</style> 


在这个例子中，我们使用list-style属性隐藏了默认的列表符号，并将
元素的边距删除。然后，我们再次将每个
1. 元素的display属性设置为inline-block，让它们水平对齐。
   使用display: inline-block非常方便，但需要注意的是，这种方法只能用于水平对齐。如果您需要垂直对齐，则需要使用不同的技术。