[HTML/CSS] Divy w jednej linii

[szatkus]

Jak umieścić kilka divów w jednej linii, aby po każdym z nich nie łamał się wiersz?

[Stig]

Tak naprawdę są dwie możliwości uzyskania takiego efektu: pierwsza polega na nadaniu div'om atrybutu display o wartości inline, druga zaś polega na nadaniu div'om atrybutu float o wartości left (lub right). Oczywiście w obu przypadkach niezbędne może się okazać "wyczyszczenie" uzyskiwane przez zastosowanie atrybutu clear o wartości both. Przykład:

Kod: Zaznacz cały

<div style="display: inline;">Pierwsza</div><div style="display: inline;">z</div><div style="display: inline;">możliwości.</div><br style="clear: both;" />
<div style="float: left;">Druga</div><div style="float: left;">z</div><div style="float: left;">możliwości.</div><br style="clear: both;" />

BTW, ten temat był już poruszany na forum.