如何并排排列列表？

Question

我要两个清单。我想像这样并排显示它们

  

A C

     

B D

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

Answer 1

只需使用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;
}

<强> See Demo

Answer 2

看看这个fiddle

这会对你有所帮助

<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}