html - 多个单选按钮和相应的标签显示在嵌套 div 的同一行中

Question

我查看了这篇文章，因为这正是我想要实现的目标:Radio Button and Label to display in same line.

但斗争仍在继续...这是我的布局(前 3 列)和我希望的布局(最后两列)。请忽略轮廓框。绘制这些只是为了标记 div。

我有两到三个单选按钮需要位于同一行，如下图所示。这些单选按钮它们的标题应该在一个 div 中并嵌套在包含单选按钮和另一个 html 选择器(例如容量)的主 div 中我试着给这个 div，这样单选按钮就可以水平排成一行。但它不起作用。

jsFiddle for html and css.

---

从上述类中删除 float:left、width、height 后。如您所见，“选择”按钮不再对齐。

Answer 1

从 .fl1 em 中删除 float: left;

并从 #bookingForm 输入中删除 width 和 height，#bookingForm textarea 将解决您的问题。

检查 Fiddle Here.