Ich habe Inhalt eingefügt mit dem: vor Pseudo-Element für eine Klasse. Ich habe versucht, diesen Inhalt mit Margin-Top zu positionieren, aber Firefox ignoriert einfach die Eigenschaft. Der Code folgt:margin-top funktioniert nicht mit: vor
.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";
}
Weiß jemand, warum Firefox die margin-top-Eigenschaft ignoriert werden kann?
EDIT: Obwohl margin-top wird völlig ignoriert, margin-bottom: - X em funktioniert und ich bin in der Lage das bewegen: auch vor Element um
Anzeige: Block funktioniert nicht -> Rand oben wird immer noch ignoriert. –
Der Grund dafür, dass margin-top nicht funktioniert, liegt darin, dass vertikale Ränder und Paddings nicht angewendet werden, wenn ein Element angezeigt wird: Inline. –
ok, gibt es dann eine Möglichkeit, die Anzeigeeigenschaft zu ändern? Ich habe bereits .fef und .bef: vor Selektoren als display: block (siehe oben bearbeiteter Code) deklariert. margin-top wird immer noch ignoriert. –