umbruch in ul verhindern

[misterunknown]

Moin,

Nun wird bei einer entsprechenden Menge an <li> und einer zu geringen Breite des Viewport die Zeile umgebrochen.

Wenn es nicht unbedingt float:left; sein muss, dann kannst du den li-Elementen die CSS-Eigenschaft display:inline-block; geben und der ul-Liste an sich noch die Eigenschaft white-space:nowrap;
__________________________________________________________________________

ul { list-style:none;margin:0;padding:0; width:auto; white-space:nowrap;}  
ul li { display:inline-block;min-width:123px;height:24px;line-height:24px;padding:3px 14px 3px 14px;text-align:center;margin:0px 0px 0px 1px; }

__________________________________________________________________________

Beispiel

Grüße Marco