Checkbox einzeln verschieben?

[Rolf B]

Hallo TooLate,

nicht nötig. Du hast zwei Inline-Elemente nebeneinander, die positioniert man anders als Block-Elemente. Gib der checkbox vertical-align: text-bottom; und entferne margin-top.

Der Default für vertical-align ist baseline, aber das ist zu hoch. Warum auch immer die Browser das tun...

text-bottom bezeichnet die Untergrenze der Buchstaben in dieser Zeile, inclusive Unterlängen. Mit margin-bottom kannst Du die Checkbox dann feinjustieren. Aber bitte in em, nicht px. margin-bottom: 0.1em; sollte passen.

Die schlechtere Alternative wäre, auf text-align und margins zu verzichten und die Checkbox mit position:relative; top: 0.2em; oder ähnlichem zurechtzuschieben. Das geht AUCH, berücksichtigt aber zu wenig die Eigenschaften des verwendeten Fonts.

Rolf