suit: Button in Liste ohne Zeilenumbruch

Beitrag lesen

wie gunnar schon sagt: valider Quelltext macht dir die Arbeit leichter

Auch,wenn es zwischen <li> und </li> steht?

egal wo es steht, ein <ul /> ist ein Blockelement

Eine simple Variante ist diese hier:

  
<ul id="menu">  
  <li><a href="#">link</a></li>  
  <li><a href="#">link2</a></li>  
  <li><a href="#">link2</a></li>  
</ul>  

  
#menu {  
  display: inline;  
}  
  
#menu li{  
  display: inline;  
}  
  
#menu li a {  
  padding: 5px;  
  border: 1px dotted black;  
}  

Alternativ kann man die <a />-Elemente auch floaten lassen, da sie sich dann als quasi-Blockelement verhalten, lassen sie sich uu besser formatieren.

Dennoch: valider Quelltext wirkt wunder, entwickeln mit Firefox, Opera und Safari - dann Weichen für den IE