Axel Richter: Abstände zwischen gefloateten Elementen

Beitrag lesen

Hallo,

Mit float:left platziere ich 2 Absätze nebeneinander, dem linken gönne ich 20px rechten margin.
Dann mache ich ein clear:left und fange frisch an:
Mit float:left platziere ich 2 Bilder nebeneinander, dem linken gönne ich 20px rechten margin.

Ich verstehe nicht, warum der Abstand zwischen den Absätzen weniger breit ist als der zwischen den Bildern!

Weil zwischen den Bildern ein white-space steht, der im Fließtext, von dem die IMG-Elemente im DIV Inhalt sind, als _ein_ Leerzeichen interpretiert wird.

<body>
<p>Testabsatz 1</p>
<p>Testabsatz 2</p>
<div style="clear:left;">
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="" /><img src="http://www.w3.org/Icons/valid-xhtml10" alt="" />
</div>
</body>

viele Grüße

Axel