列表中的图标

在我们固定宽度样式中的垂直对齐的基础上，我们添加了一些实用样式来处理带有用作装饰性项目符号的图标的 HTML 列表。

Use fa-ul and fa-li to replace default bullets in unordered lists.

• List icons can
• be used to
• replace bullets
• in lists

<!-- 无序列表 -->
<ul class="fa-ul">
  <li><span class="fa-li"><i class="fas fa-check-square"></i></span>List icons can</li>
  <li><span class="fa-li"><i class="fas fa-check-square"></i></span>be used to</li>
  <li><span class="fa-li"><i class="fas fa-spinner fa-pulse"></i></span>replace bullets</li>
  <li><span class="fa-li"><i class="far fa-square"></i></span>in lists</li>
</ul>

<!-- 有序列表 -->
<ol class="fa-ul">
  <li><span class="fa-li"><i class="fas fa-check-square"></i></span>List icons can</li>
  <li><span class="fa-li"><i class="fas fa-check-square"></i></span>be used to</li>
  <li><span class="fa-li"><i class="fas fa-spinner fa-pulse"></i></span>replace bullets</li>
  <li><span class="fa-li"><i class="far fa-square"></i></span>in lists</li>
</ol>