css - 在 1 行上获取标签和单选按钮：

Question

可能重复：
单选按钮和标签显示在同一行

我有 3 个标签和单选按钮，我想放在 1 行：

我现在得到的是：

Spoortoegang
Uit
radiobutton
Aan
radiobutton

我想要的是：

Spoortoegang Uit radiobutton Aan radiobutton

我的代码是：

<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>

Answer 1

在 CSS 中为所有元素添加“float:left”

Answer 2

使用 CSS 定位 DOM 元素。因为您希望所有元素都内联：

p, label, input { display: inline; } 

Answer 3

而不是把它放在一个段落中，将它包含在一个跨度中

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