Layout a colonne
/ 0
- Dettagli
- Categoria principale: Code Snippets
- Categoria: CSS
- Pubblicato 30 Settembre 2008
- Visite: 531
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>
