Wie wird eine HTML-Liste horizontal anstatt vertikal nur mit CSS angezeigt?

Question

Ich brauche das, weil ich ein Menü (das aus einer HTML-Liste erstellt wird) horizontal angezeigt werden soll.

Ich bevorzuge nicht absolute Positionierung zu verwenden, da es unordentlich werden könnte, wenn ich anfange, das Layout der Seite zu ändern.

Ich möchte auch die Einrückung der Unterlisten entfernen. Ist es möglich?

Answer 1

Sie werden sich wie etwas zu verwenden, haben unter

#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

ganz einfach:

ul.yourlist li { float:left; } 

oder

ul.yourlist li { display:inline; } 

Answer 3

Hier der eine Weg für diese Frage.

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; 
}