如何并排排列列表？

Question

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

一个C.

B D.

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

Answer 1

看看这个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 2

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