添加水平单选按钮

Question

每当我尝试在表单中添加单选按钮时，它就会变成垂直而不再起作用。我需要让收音机显示并保持水平。我将input添加到每个div，但它会改变表单设计和功能。

我也试过了：

input {
display:inline-block;
}

工作JSFiddle： http://jsfiddle.net/RC3e4/16/（单击选项时会显示隐藏文本）

非工作JSFiddle： http://jsfiddle.net/RC3e4/23/

<div class="" type="radio" name="q1" value="Broken">

Answer 1

首先。 div没有type属性。没有理由使用它。您可以为他们提供id或class来识别他们。

第二个。 div是块元素。这意味着他们从上到下。 html无法知道你是想让东西从左到右，从上到下流动。您需要在div上使用float css属性。

当事情变得困难时。你需要做一个基本的例子并从那里开始工作。

这是一个从

开始工作的简单示例

http://jsfiddle.net/pPcHt/