Esempio pratico di utilizzo della proprietà float.
Di seguito viene mostrato anche il CSS completo.
Esempio:
Codice CSS:
#box-1{
float:left;
margin:10px;
border:2px solid #900;
padding:0.4em;
width:300px;
height:100px;
background-color:#eee;
color: #900;
}
#box-2{
float:left;
margin:10px;
border:2px solid #900;
padding:0.4em;
width:300px;
height:100px;
background-color:#fafafa;
color: #900;
}
In questo esempio è possibile notare come attraverso l'utilizzo della proprietà float:left è possibile disporre i due box uno accanto all'altro in orizzontale. La distanza che li separa è stabilità invece dai valori assegnati ai margini.