css - 如何将单选按钮放在表格内的一行中？

Question

我写了下面的代码:

  male    <input type="radio" name="sex" value="male">
female    <input type="radio" name="sex" value="female">
 other    <input type="radio" name="sex" value="other">

所有这些都在一个表单中。我怎样才能把它们放在一条线上？

Answer 1

将它们包裹在标签标签中

<label>male    <input type="radio" name="sex" value="male"></label>
<label>female    <input type="radio" name="sex" value="female"></label>
<label>other    <input type="radio" name="sex" value="other"></label>

还要检查是否没有样式应用于可能将它们显示为 block 元素的输入元素