Skinny site

... un modo di esprimersi

  • Aumenta dimensione caratteri
  • Dimensione caratteri predefinita
  • Diminuisci dimensione caratteri
Home Code Snippets CSS Layout a colonne

Layout a colonne

E-mail Stampa PDF
Valutazione attuale: / 0
ScarsoOttimo 

L'esempio sottostante mostra come realizzare un layout a colonne


 <html>
<head>
<style>
.container {
width:80%;
margin:0 auto;
}
.col {
float: left;
width:48%;
}
.sep{
float: left;
width:2%;
}

</style>
<body>
<div class="container">
<div class="col" style="border-right:1px solid#000">
Testo cononna 1 Testo cononna 1 Testo cononna 1 Testo cononna 1 Testo cononna 1
</div>
<div class="sep"> </div>
<div class="col">
Testo cononna 2 Testo cononna 2 Testo cononna 2 Testo cononna 2 Testo cononna 2
</div>
</div>
</body>
</head>
</html>
Ultimo aggiornamento Martedì 30 Settembre 2008 22:22  

Google Analytics Tracking Module