J'ai inséré du contenu en utilisant le pseudo-élément: before pour une classe. J'essayais de positionner ce contenu en utilisant margin-top mais firefox ignore simplement la propriété. Le code suit:margin-top ne fonctionne pas avec: avant
.bef {
line-height: 2em;
white-space: nowrap;
font-size:24px;
display: block;
}
.bef:before {
display: block;
margin-top:2em;
padding: 0;
color: #666666;
content:"Hello";
}
Est-ce que quelqu'un sait pourquoi Firefox peut ignorer la propriété margin-top?
EDIT: Bien que la marge supérieure est totalement ignorée, margin-bottom: - X em travaille et je suis en mesure de déplacer le: avant élément autour
affichage: le bloc ne fonctionne pas -> margin-top est toujours ignoré. –
La raison pour laquelle margin-top ne fonctionne pas est que les marges verticales et les paddings ne sont pas appliqués lorsqu'un élément est affiché: inline. –
ok, alors est-il un moyen de changer la propriété d'affichage? J'ai déjà déclaré à la fois .bef et .bef: avant que les sélecteurs affichent: block (voir le code édité ci-dessus). margin-top est toujours ignoré. –