css - 如何在单选按钮和单选按钮文本之间留出空间

Question

这是我在struts标签中的单选按钮代码，单选按钮和单选按钮文本框之间的空间很拥挤如何在它们之间留出空间

  <div class="form-group">
    <label class="col-lg-3 control-label">Gender</label>
    <div class="col-lg-5">
    <div class="btn-group" data-toggle="buttons">
    <s:radio name="studentDTO.s_gender" id="gender" list="{'Male','Female'}" />
    </div>                              
    </div>
    </div>

Answer 1

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

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

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

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