Home » Webmaster » CSS » Allineare 3 Div all'interno di un Div contenitore

Allineare 3 Div all'interno di un Div contenitore

Con i css allinere 3 Div affianco uno affianco all’altro è molto semplice.
Nel nostro caso forniamo un esempio con un Div contenitore di 764px.

download source

Vediamo l’html

<div class=”contenitore”>
<div class=”divsx”></div>
<div class=”divcentro”></div>
<div class=”divdx”></div>
</div>

Vediamo il css

/* div contenitore*/

.contenitore {
width:764px;
margin: 0px auto;
clear: both;
height:240px;
background:url(../images/box.jpg) no-repeat; /* se vogliamo impostare un immagine di sfondo*/
}

.contenitore div{float:left;}

.divsx{
width:232px;
height:155px;
}

.divcentro {
width:300px;
height:155px;
}

.divdx{
width:232px;
height:155px;
}

1 commento su “Allineare 3 Div all'interno di un Div contenitore”

Lascia un commento