HTML UL 列表 4X2

Question

我需要在 html 4X2 中创建 UL 列表

像这样的

元素 1 |元素2 |元素3 |元素 4

元素5 |元素6 |元素 7|元素 8

这可能与 ul 列表有关吗？

我知道如何创建 klasic licst.. 就像

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

Answer 1

您可以使用 float CSS 属性来实现此目的。

JSFiddle demo .

li {
    float: left;
    width: 25%;
}

<ul>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
  <li>item 4</li>
  <li>item 5</li>
  <li>item 6</li>
  <li>item 7</li>
  <li>item 8</li>
</ul>