Om nah hoo pez nyeetz, inspiron!
Zugrunde liegt jetzt folgendes HTML
2 Vorschläge
<label><span>ONAIR</span>
<label for="radio1"><input ... />Ja</label>
<label for="radio2"><input ... />Nein</label>
</label>
>
> Dazu im CSS `label span {display: block;}`{:.language-css} Du sprichst damit Span-Elemente innerhalb von label an.
>
> ~~~html
<label>ONAIR<br />
> <label for="radio1"><input ... />Ja</label>
> <label for="radio2"><input ... />Nein</label>
> </label>
Sowie in beiden Fällen
input[type=radio] display: inline;
Matthias
Hallo,
bin gleich auf dem Weg zur Arbeit, schaue dann da wieder rein.
So sieht es jetzt aus:
ONAIR
O O
Ja Nein
Jetzt wäre schön, wenn das Label Ja Nein recht angeordnet wird.
Gruß
<style type="text/css">
label, input {border: 1px solid;} /* Dass man auch was sieht */
label {display: inline-block; width: 21%;}
input {display: block;}
label span {display: block;}
input [type="radio"] {display: inline;}
</style>
</head>
<body>
<form class="commentForm" method="post" accept-charset="utf-8" action="">
<fieldset>
<legend>Elemente nebeneinander</legend>
<label>Username
<input id="in_user" type="text" value=""/></label>
<label><span>ONAIR</span>
<label for="radio1"><input type="radio" id="radio1" name="radio" />Ja</label>
<label for="radio2"><input type="radio" id="radio2" name="radio" checked="checked" />Nein</label>
</label>
</fieldset>