Radiobutton und Text auf gleicher Höhe

[Gunnar Bittersmann]

Hello out there!

Radio Button

Autsch!

Radiobutton

Das sieht doch gleich besser aus.

etwas höher als der Text ist!

Bei der bei dir eingestellten Schriftgröße. Wie sieht es bei anderen aus? (Wie groß die Schrift beim Nutzer angezeigt wird, kannst bestenfalls erahnen.)

<div class="agreement">
    <input type="radio" name="proposal" value="agreement">
    Hier ein bisschen Text!

Das "bisschen Text" möchte gern ein Label sein?

"Beim Klick auf den Inhalt eines Labels […] wird in aktuellen Browsern das Formularelement fokussiert bzw. ausgewählt, auf das sich das Label bezieht. Diese Funktion erleichtert unter anderem die Auswahl von Checkboxen." Und von Radiobuttons.

Ich dachte eigentlich das geht mit "display: inline;", aber da erinnere ich mich anscheinend falsch!

Ja, 'display: inline' ist sowieso der Defaultwert für 'input'.

Wenn's denn sein muss: relative Positionierung.

See ya up the road,
Gunnar