Css RubyonRails——在表单的同一行中添加几个单选按钮

如何创建一个在同一行上有多个单选按钮的表单？我似乎只能让它们垂直显示，一个比另一个低。我在HTML/CSS/RoR方面的经验有限。

这可以通过将它们包装在具有显示样式

内联的元素中来实现

比如说,，​

<div style="display:inline">
    <input type="radio" name="example" id="radio1" />
    <label for="radio1">Radio 1</label>
    <input type="radio" name="example" id="radio2" />
    <label for="radio2">Radio 2</label>
    <input type="radio" name="example" id="radio3" />
    <label for="radio3">Radio 3</label>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​


第一台
第二台
第三台
​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

将如下所示：

o收音机1 o收音机2 o收音机3

对于文本字段，这不起作用，有什么原因吗？我尝试过这种方法和变体，但都没有用。@JakeSmith不确定，下面是一个同时使用文本区域和文本字段的示例：。。可能是一些外部css的问题（例如，您正在网格外扩展等），您是否知道使用表单\u for rails表单可能与此有关？我似乎唯一能改变的是每个文本输入的长度。就像我不能触摸rails表单中的元素一样。