如何並排排列列表？

Question

我有兩個列表。我想在並排這樣

A C

乙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和使它們浮動：左;

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}