Layout a tre colonne
Codice HTML
<h1 align='center'>Layout a tre colonne</h1><div class="column1of3"> <h3> LyX </h3> <p align='justify'> LyX รจ un word processor multi-piattaforma open source che potete usare con linux, Windows o col Mac. </p> </div>
<div class="column2of3"> <h3> Immagina </h3> <p align='justify'> Immaginate poter scrivere un documento come un libro o una lunga tesi divisa in capitoli, sezioni e sottosezioni. Poi si dice al programma di creare l'indice e lui lo crea. </p> </div>
<div class="column2of3"> <h3> Prova </h3> <p align='justify'> Prova a creare un documento e poi a compilarlo. </p> </div>
Codice CSS
body { width: 97%; font-family: Arial, Verdana, sans-serif; color: #000000; margin: auto;}h1, h2, h3 { text-align: center}
.column1of3 { float: left; width: 30%; margin: 1%;} .column2of3 { float: left; width: 30%; margin: 1%;}
.column3of3 { float: left; width: 30%; margin: 1%;}