28106 sujets

CSS et mise en forme, CSS3

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;
}
Modérateur
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)