Le display inline-block

bonjour je releve un non resultat de mon display inline block .. les box ne s'aligne pas les acote des autre.. merci de m'aide voici mon code


div#content.div{
display: inline-block;
width: 48%;
}

div#content div.leftbox{

}

div#content div.rightbox{

}

Hello,

Utilise flex-box plutôt.

.parent{
 display: flex
}

et les enfants div.leftbox et div.rightbox devraient s'aligner.

Par contre, ton sélecteur est faux. Pour cibler les div enfants de la div avec l'id content c'est:

div#content div{
  display: inline-block;
}

Il te faut probablement faire un reset sur l'alignement vertical si les contenus diffèrent en hauteur. Par défaut elles s'alignent sur le baseline.

div#content div{
display: inline-block;
width: 48%;
vertical-align:top;/* ou la valeur qui te convient */
}

div#content div.leftbox{

}

div#content div.rightbox{

}

(verifie aussi la syntax de tes selecteurs , tu cibles des div ou bien des élément avec la class div ? )
Pour en savoir plus: https://developer.mozilla.org/fr/docs/Web/CSS/vertical-align
Modifié par gcyrillus (27 May 2019 - 15:46)