Zeromancer: Listenelemente nebeneinander mit fester Breite

Beitrag lesen

Hallo sera,

<style type="text/css">
li{
display: inline;
margin: 5px;
width: 50px;
}
</style>

<ul>
<li>eins</li>
<li>zwei</li>
<li>drei</li>
<li>vier</li>
</ul>

du willst die li-Elemente inline setzen, um sie nebeneinander anzuordnen? Wenn ja, dann verzichte darauf, belasse es bei der Blockelement-Formatierung und lass sie floaten:

  
<style type="text/css">  
li{  
float:right;  
margin: 5px;  
width: 50px;  
}  
</style>  

Zusätzlich brauchst du am Ende dann noch ein clearendes Element, welches die Eigenschaft "float" aufhebt.

Mit freundlichen Grüßen,
André