nicht angemeldet
Nebeneinanderstehende DIVs nicht umbrechen
Hallo! Ich habe mehrere DIVs nebeneinander. Wenn das Fenster zu schmal ist, werden die umgebrochen. Hier ein Beispiel:
<html>
<head></head>
<body>
<div style="margin:2px;padding-left:1px;padding-right:1px;max-width:100px;width:100px;position:relative;overflow:hidden;background-color:yellow;float:left;">
Dies ist ein sehr langer Text mit einem Sehrsehrlangenwortdasnichtpasst. Mal schauen, ob es klappt
</div>
<div style="margin:2px;padding-left:1px;padding-right:1px;max-width:100px;width:100px;position:relative; overflow:hidden; background-color:gray;float:left;">
Dies ist ein sehr langer Text mit einem Sehrsehrlangenwortdasnichtpasst. Mal schauen, ob es klappt
</div>
<div style="margin:2px;padding-left:1px;padding-right:1px;max-width:100px;width:100px;position:relative; overflow:hidden; background-color:navy;float:left;">
Dies ist ein sehr langer Text mit einem Sehrsehrlangenwortdasnichtpasst. Mal schauen, ob es klappt
</div>
<br style="clear:left;">
</body>
</html>
Jetzt habe ich die 3 DIVs schon mit einem <nobr> und mit einem <span style="white-space:nowrap"> umklammert. Nichts hilft.
Wie geht's richtig?
Danke!