Layout a due colonne
Codice HTML
<h1 align='center'>Layout a due colonne</h1><div class="column1of2"> <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="column2of2"> <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>
Codice CSS
body { width: 97%; font-family: Arial, Verdana, sans-serif; color: #000000; margin: auto;}h1, h2, h3 { text-align: center}
.column1of2 { float: left; width: 46%; margin: 1%;}
.column2of2 { float: left; width: 46%; margin: 1%;}