Float

Ex. img{float: left}

FLOAT-uri sunt DIVuri pozitionate RELATIV si cu valoaret float:left sau float:right sau none.

Atentie !Float-urile sunt smechere, nu se actioneaza tot timpul asa cum te-ai astepta.

Note: Dac nu exista destul spatiu pe o line ca elemntul sa “float” va sari la linia urmatoare(jos).
Note: Content, background si borders ale inline elements ar trebui sa fie in fata (inainte) de float. Background si borders ale unui a block element ar trebui sa fie in spatele(dupa) float, insa content ale unui block element ar trebui sa fie in fata float.

ex 1

CSS CODE.floatright { float: right; }

HTML CODE
<p>
<img class=”floatright” src=”73a.gif” mce_src=”73a.gif” alt=”" width=”100″ height=”100″>Lorem ipsum dolor sit amet, consectetuer…
</p>

Ex 2

CSS CODE
.floatright
{
float: right;
margin: 0 0 10px 10px;
}HTML CODE
<p>
<img class=”floatright” src=”73a.gif” mce_src=”73a.gif” alt=”" width=”100″ height=”100″>Lorem ipsum dolor sit amet, consectetuer…
</p> Ex 3CSS CODE
.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
}

HTML CODE
<p>
<img class=”floatright” src=”73a.gif” mce_src=”73a.gif” alt=”" width=”100″ height=”100″>Lorem ipsum dolor sit amet, consectetuer…
</p>