Bir HTML listesi nasıl sadece CSS kullanılarak dikey olarak yerine yatay olarak görünür?

Question

Buna ihtiyacım var çünkü (HTML listesinden yapılan) bir menüyü yatay olarak görüntülemek istiyorum.

Sayfanın düzenini değiştirmeye başladığımda dağınık hale gelebileceğinden, mutlak konumlandırmayı kullanmamayı tercih ediyorum.

Ayrıca alt listelerin girintilerini kaldırmak istiyorum. Mümkün mü?

Answer 1

Sen Burada

#menu ul{ 
 
    list-style: none; 
 
} 
 
#menu li{ 
 
    display: inline; 
 
} 
 
\t

<div id="menu"> 
 
    <ul> 
 
    <li>First menu item</li> 
 
    <li>Second menu item</li> 
 
    <li>Third menu item</li> 
 
    </ul> 
 
</div>

Answer 2

oldukça basittir:

ul.yourlist li { float:left; } 

veya

ul.yourlist li { display:inline; } 

Answer 3

aşağıda gibi bir şey kullanmak zorunda kalacak Bu soru için bir yol daha.

DEMO

HTML

<div id="menu"> 
    <ul> 
    <li>First menu item</li> 
    <li>Second menu item</li> 
    <li>Third menu item</li> 
    </ul> 
</div> 

CSS

#menu ul { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
} 
#menu li { 
    display: inline-block; 
}