Warum CSS-Ränder nicht funktionieren?

7

Ich habe mit diesem lästigen Stück Code gekämpft. Du würdest denken, dass ich genug Übung mit CSS hatte, aber wie immer, es ist temperamentvoll mit mir.

Mein Problem ist wie folgt, ich habe die folgenden CSS:

%Vor%

Das HTML, das es steuert, ist:

%Vor%

Beachten Sie, wie in dem Bild unterhalb der margin-top: 50px; überhaupt keine Wirkung haben?

Wie löse ich dieses Problem?

    
vvMINOvv 04.04.2011, 10:20
quelle

2 Antworten

24

Vertikale Ränder und Abstände haben nur Auswirkungen in Elementen auf Blockebene und <label> ist ein Inline-Element. Sie können es entweder mit anderen Eigenschaften emulieren oder in einen Inline-Block umwandeln:

%Vor%     
Álvaro González 04.04.2011, 10:31
quelle
2

Verwenden Sie das css-Attribut line-height auf dem Etikett. Dadurch wird die Höhe eines sichtbaren Hintergrunds auf dem Etikett nicht erhöht, Sie können jedoch effektiv einen Rand hinzufügen.

    
JSideris 22.05.2013 15:54
quelle

Tags und Links