Float
La proprietà float consente di allineare immagini o blocchi di testo lateralmente.
Float accetta quattro valori: left, right, none, inherit.
left :
allinea a sinistra |
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. |
.allinea_sinistra {
float:left;
} |
right:
allinea a destra |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. |
.allinea_destra {
float:right;
} |
none:
nessun allineamento |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. |
.nessun_allineamento {
float:none;
} |
Per ottenere questo effetto , ho associato i tre codici CSS a questa pagina inserendo all'interno dei tag <head></head> questo codice:
<style type="text/css">
<!--
.allinea_sinistra {
float:left;
}
.allinea_destra {
float:right;
}
.nessun_allineamento {
float:none;
}
-->
</style>
poi ho applicato lo stile all'immagine usando un codice simile a questo:
<img src="nome_immagine.gif" class="allinea_sinistra">
L'atributo float può assumere un quarto valore: inherit.
Inherit rende ereditario il float, cioè passa il valore right, left o none ai blocchi all'interno del blocco che contiene il float:inherit.
Fotocamere digitali