Hej!

Har problem med att få saker på rätt plats med css.
Har ett gäng bilder, till varje bild hör en rubrik och en text.
Bilden ska ligga till vänster och rubrik och text ska ligga till höger om bilden.
Jag vill använda mig av en lista för att rada upp dessa. Har ungefär det här upplägget.
<code>
<div>
<ul>
<li><img style="float: left">
<h4>rubrik</h4>
<p>text text text</p>
</li>

<li><img style="float: left">
<h4>rubrik</h4>
<p>text text text</p>
</li>
</ul>
</div>
</code>
Problemet är att när nästa post, li, kommer så positionerar den sig indragen till den första om inte texten fyller ut bildens höjd.
Jag kan få det som jag vill genom att sätta en bestämd height: på li-taggen men det känns inte särskilt dynamiskt.

Hur ska jag åstadkomma det jag vill och få en dynamisk höjd på listelementen?
Tack på förhand!

Nevermind, insåg att det nog gör sig bättre i en tabell.

Släng en tom div-tagg med en höjd på en pixel precis innan </li>. Sätt clear: left; på den. Kommer tvinga div-taggen att ligga under bilden, vilket gör att nästa li-tagg inte kan börja till höger om föregående bild.

Hm.. Eller när jag tänker efter, sätt clear: left på img-taggen helt enkelt, och/eller på li-taggen.