html - 如何更改单选按钮与其文本之间的间距？

Question

我有以下 HTML:

<input type="radio" name="beds" value="1" />1+
<input type="radio" name="beds" value="2" />2+

如何更改单选按钮和“1+”文本之间的间距？我希望文本更靠近单选按钮，但浏览器在两个元素之间插入了一定量的未定义填充。

Answer 1

许多 HTML 元素都有默认的边距设置。您可以覆盖它并将其设置为 0。在您的情况下，您想要重置单选按钮上的 margin-right:

<input type="radio" name="beds" value="1" style="margin-right: 0" />1+

您可能想将它添加到您的样式表中，以便它适用于所有单选按钮:

input[type="radio"] {
  margin-right: 0;
}