Tekst źródłowy strony Dwa divy w jednej linii

Aby umieścić dwa DIV-y obok siebie stosujemy poniższy kod.


Część CSS
<source lang="css">
<style>
.do_lewej { float: left;} 
.do_prawej { float: right;} 

.kontener
{
border:solid 1px black;
}
 </style>
</pre>

część HTML

<source lang="html4strict">
<div class="kontener"> 
 <div class="do_lewej">To bedzie po lewej :)</div> 
 <div class="do_prawej">To bedzie po prawej :)</div> 
 <div style="clear:both;"></div> 
</div>
</pre>

[[Plik:Efekt divy w jednej lini.png|200px|thumb|right|Efekt finalny]]
[[Category:HTML]]