元素可以在DIV中分组吗？

Question

我有这个HTML和CSS

http://jsbin.com/uciya5/3/edit

问题在于单选按钮被视为单独的元素，因此具有class="cellData"的属性。注意单选按钮垂直间隔的宽度。

<div class="cellData">
  <input name="ctype" value="individuel" type="radio" checked/> Individuel <br>
  <input name="ctype" value="course" type="radio" /> Course </div>
</div>

是否可以控制单选按钮的垂直间距，或者可以在它们周围包裹DIV以保护它们？

更新 删除了模板标签。

Answer 1

您可以在包含单选按钮的class中添加另一个div：

<div class="cellData cellRadios">

使用CSS（类似于此）：

.cellRadios { line-height: 1 }

请参阅： http://jsbin.com/uciya5/2

如果您在CSS中定义了<{em> .cellRadios之后的.cellData ，那么来自line-height的{​​{1}}将会被应用。{/ p>

我可能还会将.cellRadios更改为更好的名称。

---

如果您愿意，可以按照问题中的建议，将单选按钮包裹在额外的.cellRadios中。

div

Answer 2

您可以从Cell Data样式中删除它：line-height：4em

您也可以尝试使用表格，这会更简单。