创建两列项目符号列表

Question

如何在HTML中创建2列项目列表列表？我知道我可以用来创建一个项目符号列表，但是我怎样才能直接在旁边创建一个独立的列来创建一个完全不同的项目符号列表？

<ul> 
    <li></li> 
    <li></li> 
</ul> 

Answer 1

一种方式，它嵌入到一个表：

<table> 
    <tr> 
     <td> 
     <ul> 
      <li>First</li> 
      <li>List</li> 
     </ul> 
     </td> 
     <td> 
     <ul> 
      <li>Second</li> 
      <li>List</li> 
     </ul> 
     </td> 
    </tr> 
    </table> 

DEMO

Answer 2

另一种方法是把每个UL一个div内，然后浮动的div。 Plunker - http://plnkr.co/edit/Ot1VwmETyXO5iJeCevTm?p=preview

<div style="float:left;"> 
<ul> 
<li>One</li> 
</ul> 
</div> 

<div style="float:left;"> 
<ul> 
<li>Two</li> 
</ul> 
</div>