html - リストを並べて配置するにはどうすればよいですか？

Question

私は2つのリストが必要です。このように並べて表示したい

交流

BD

AとBは同じリストにあり、CとDは同じリストにあります。

Answer 1

ulを使用して、それらをfloat：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}