Comment aligner plusieurs blocs, plusieurs div horizontalement en css

aligner div css

 

Vous allez attribuer à chacun de vos blocs la propriété float:left ainsi qu'un display:inline-block sur le premier bloc si vous en avez deux, sur les deux premiers blocs si vous en avez trois.

Voici le code css pour aligner vos div :

div.bloc1
{
float:left;
width: 30%;
height: 180px;
padding:8px;
margin-right:15px;
display: inline-block;
}

 

div.bloc2
{
float:left;
width: 30%;
height: 180px;
padding:8px;
margin-right:15px;
display: inline-block;
}

 

div.bloc3
{
float:left;
width: 30%;
height: 180px;
padding:8px;

}


Adaptez la largeur de vos blocs et testez.