html5li标签平铺

如果你想让 `li` 标签水平平铺，可以使用CSS中的 `flexbox` 布局或者 `grid` 布局。这两种布局都是HTML5中新加入的布局方式，可以更方便地实现元素的排列。

使用 `flexbox` 布局可以这样实现：

<ul class="container">
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ul>

<style>
  .container {
    display: flex;
    justify-content: space-between; /* 这里使用 space-between 让li标签水平平铺 */
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
</style>

使用 `grid` 布局可以这样实现：

<ul class="container">
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ul>

<style>
  .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 这里使用 repeat(3, 1fr) 让li标签水平平铺 */
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
</style>

以上两种方法都可以实现 `li` 标签的水平平铺，具体选择哪种方法取决于你的具体需求和实际情况。