[css] ułożenie divów Opcje

[axeld]

Mam problem, bo nie moge uzyskać takiego wyglądu:

(IMG:http://web.iq.pl/p/divy.jpg)

Czarna ramka to div o okreslonej szrokości 500 px i nieokreslonej wysokosci (ma sie dopasowac).
Wewnątrz niego leca sobie divy o nieokreslonej szerokosci i wysokosci, ktore sa dokladnie wielkosci wpisanego do nich tekstu.
Nie umiem sobie poradzic zeby przelewaly mi sie jeden pod drugim.

pomozcie.
z gory dzieki!

adam

[mls]

HTML:

[HTML] pobierz, plaintext 
<div class="container"><div class="container-inner">
    <p>napis</p>
    <p>drugi napis</p>
    <p>a tu bardzo dlugi napis</p>
    <p>krotki</p>
    <p>koniec</p>
</div></div>
[HTML] pobierz, plaintext 

CSS:

Kod

div.container { overflow: hidden; }
div.container-inner { float: left; border: 1px solid #000; }
div.container-inner p { float: left; clear: left; background: #f00; margin: 0; padding: 0; }

Pisane z głowy, nie sprawdzone (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował mls 21.02.2009, 21:30:01