Get labels and Radiobuttons all on 1 line:

Question

Possible Duplicate:
Radio buttons and label to display in same line

I have 3 labels and radiobuttons that i want to put on 1 line:

What i get now is this:

Spoortoegang
Uit
radiobutton
Aan
radiobutton

What i want is:

Spoortoegang Uit radiobutton Aan radiobutton

My code for this is:

<div ><p>Spoortoegang</p><label for="no">Uit;<input dojoType="dijit.form.RadioButton"   id="valSR" name="group1" checked="checked" onchange='POI(this);' value="Show" type="radio"/>    </label>
<label for="yes">Aan;<input dojoType="dijit.form.RadioButton" id="valSlope" name="group1"   value="Hide" onchange='POI(this)' type="radio"/></label></div>

That HTML will not give that result without CSS being applied to change the default rendering. — Quentin, Nov 23 '12 at 10:03
You have a set of fields, you should use a `fieldset` with a `legend`, not a `div` with a `p`. — Quentin, Nov 23 '12 at 10:05

score 0 · Answer 1 · answered Nov 23 '12 at 10:02

0

add "float: left" in css for all elements

answered Nov 23 '12 at 10:02

Dziad Borowy

12,368
4
41
53

Why use float? There's no sign that any block rendering is needed, so float is unnecessarily fiddly (especially if elements end up being different heights) – Quentin Nov 23 '12 at 10:04

score 0 · Answer 2 · answered Nov 23 '12 at 10:03

0

Use CSS for positioning DOM elements. As you want all elements to be inline:

p, label, input { display: inline; }

answered Nov 23 '12 at 10:03

Matt Stone

3,705
4
23
40

score 0 · Answer 3 · answered Nov 23 '12 at 10:04

0

instead of putting it in a paragraph enclose it in a span like

<div ><span>Spoortoegang</span><div >

answered Nov 23 '12 at 10:04

sayannayas

764
9
15

Get labels and Radiobuttons all on 1 line:

3 Answers3