[Résolu] Décalage vertical avec des blocs en inline-block

marcv a écrit :
Salut,

Parce que tes blocs étant en inline-block, ils se comportent comme des éléments inline et leur contenu est donc "assis" par défaut sur une même baseline (regarde les paragraphes noirs de tes blocs, tu verras qu'ils sont tous comme "posés" sur la même ligne invisible). Tu peux régler ton problème en changeant l'alignement vertical de tes blocs :

.espace { vertical-align: top; }

Hermann a écrit :
mais ce ne sont pas les paragraphes qui sont en inline block mais les div

Hermann a écrit :
je crois que jai pas encore tout pigé sur le fonctionnement de l'inline-block

marcv a écrit :
En simplifiant un tantinet, ce n'est rien de plus que des blocs qui se comportent comme des éléments inline. Quand tu mets trois <span> les uns à la suite des autres, leur contenu s'aligne sur la même ligne de texte. Ben là c'est pareil, les contenus de tes trois inline-blocks s'alignent sur la même ligne de texte.