html - 如何并排对齐列表？

Question

我必须列出两个。我想像这样并排显示它们

交流电

BD

A和B在同一个列表中，C和D在同一个列表中。

Answer 1

只需使用 to ul 并使它们浮动：left;

HTML

<ul>
    <li>1</li>
    <li>2</li>
</ul>

<ul>
   <li>3</li>
   <li>4</li>
</ul>

CSS

ul
{
float:left;
margin:0 5px;
}

看演示

Answer 2

看看这个小提琴

这将帮助你

<ul style="width:10%; float:left;">
      <li>1</li>
      <li>2</li>
   </ul>

   <ul style="width:10%; float:left;">
      <li>3</li>
      <li>4</li>
   </ul>

谢谢....

Answer 3

尝试这个

<ul class="first">
      <li>1</li>
      <li>2</li>
  </ul>


<ul class="second">
      <li>3</li>
      <li>4</li>
  </ul>

css

   ul.first{ position:fixed; float:left}

      ul.second{ position:fixed; float:right}