Dwa divy w jednej linii

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

Część CSS

<style>
.do_lewej { float: left;} 
.do_prawej { float: right;} 

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

część HTML

<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>

Efekt finalny