Text- och bildlayout

När jag listar ett antal textstycken med en bild till varje enligt nedanstående exempel så "klättrar" styckena upp en bit på ovanstående stycke eftersom jag har satt align=left på bilderna och jag undrar förstås hur jag motverkar detta. <br clear="all"> är "deprecated" vad jag förstår, och dessutom skapar den ett onödigt mellanrum mellan styckena.

<p><img src="bild.jpg" width="100" height="100" align="left">Lorem 
ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod 
tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p><img src="bild.jpg" width="100" height="100" align="left">Lorem 
ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod 
tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>

Använda tabeller?

I CSS heter motsvarande "clear:both"...
vilket du t.ex. kan lägga in på <p>-taggarna direkt med

p  {clear:both;}

i din stilmall.

m_soderlund skrev:

Använda tabeller?

Nej då. Stilmallar :e

Om det går att lösa med css så ska man använda det iställer för tabeller. Bättre kontroll över allt + att sidan laddar snabbare

Tack jarvklo! Finemang! Angående tabeller så fungerar det inte eftersom texten ska flöda "runt" bilden.