SCRIPT CSS
ZANETTE
MARCO
CSS
Affiancare - Allineare orizzontalmente div
Come affiancare 2 o piu div orizzontalmente?
É possibile farlo attraverso i css, con la proprietà float left degli stessi div.
Riporto qui sotto un breve esempio.
- <div style="float:left; display:block; width:150px; height:150px; background-color:#F00;"></div>
- <div style="float:left; display:block; width:150px; height:150px; background-color:#FF0;"></div>
- <div style="clear:both;"></div>
Come avete visto con poche righe di codice css è possibile affiancare (allineare orizzontalmente) dei div, attraverso la proprietà float dei css. Da notare che alla fine dei div che vogliamo affiancare è necessario aggiungerne un'ultimo con la proprietà "clear:both" che servirà per pulire l'allineamento orizzontale, e che quindi manderà a capo il prossimo elemento.