对齐 li 中的项目

在HTML中，<ul>和<ol>都是用来创建列表的元素。其中，<ul>表示无序列表，<ol>表示有序列表。而<li>则用来定义列表中的每一项。

在创建列表时，我们通常会需要对每一项的内容进行对齐，使得列表看起来更整齐美观。下面介绍几种常用方法：

1. 使用 padding 和 margin

通过设置<li>元素的padding和margin属性，可以实现对列表项内容的对齐。具体方法如下：

<ul>
  <li style="padding-left: 20px">第一项</li>
  <li style="padding-left: 20px">第二项</li>
  <li style="padding-left: 20px">第三项</li>
</ul>

上述代码中，每一项都设置了padding-left: 20px，即每一项内容离左边界的距离为20px。同理，也可以通过设置margin-left属性来实现对齐。

2. 使用 float

通过设置<li>元素的float属性，也可以实现对列表项内容的对齐。具体方法如下：

<ul>
  <li style="float: left; width: 200px">第一项</li>
  <li style="float: left; width: 200px">第二项</li>
  <li style="float: left; width: 200px">第三项</li>
</ul>

上述代码中，每一项都设置了float: left和width: 200px，即每一项内容左浮动，并占据200px的宽度。注意，使用浮动布局时需要清除浮动，可以在列表结束时添加一个<div>元素，并设置其clear: both属性。

3. 使用 display: flex

最后，还可以使用CSS3中的display: flex来实现对列表项内容的对齐。具体方法如下：

<ul style="display: flex; justify-content: space-around">
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ul>

上述代码中，将<ul>元素的display属性设置为flex，即可启用弹性布局。同时，通过设置justify-content: space-around属性，可以使列表项在父元素中等距排列。当然，还可以根据具体需求，使用其他属性进行对齐。

以上三种方法均可以实现对齐 li 中的项目，选择合适的方法根据具体情况而定。