Html 元素可以分组在一个DIV中吗？

我有这个HTML和CSS

问题在于单选按钮被视为单个元素，因此具有

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以保护它们

更新

---

已删除模板标记。

您可以将另一个

类添加到包含单选按钮的
div
：

<div class="cellData cellRadios">

请参见：

如果您在CSS中在
.cellData
之后定义
.cellRadios
，则
中的
行高度将被应用

我可能还会把
.cellRadios
改成一个更好的名字


如果您愿意，可以按照您在问题中的建议，将单选按钮另加一个
div

<div class="cellData">
    <div class="cellRadios">
        <input name="ctype" value="individuel" type="radio" <TMPL_VAR IN>/> Individuel
        <br>
        <input name="ctype" value="course" type="radio" <TMPL_VAR CO>/> Course
    </div>
</div>


个人的


课程
您可以从CellData stye:line height:4em中删除此项

您也可以尝试使用一个表，它会简单得多。
只是一个旁注：当您使用HTML时，将
作为模板变量的一部分是一个坏主意（如果只是因为它让人困惑的话）。您应该切换到
{TMPL_VAR CO}
或
#TMPL_VAR CO#
等。您已经通过指定
.cellData
类的行高来控制垂直间距。
<div class="cellData">
    <div class="cellRadios">
        <input name="ctype" value="individuel" type="radio" <TMPL_VAR IN>/> Individuel
        <br>
        <input name="ctype" value="course" type="radio" <TMPL_VAR CO>/> Course
    </div>
</div>