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%;}