复选框与其标签之间的空格未添加

Question

我具有用于测试目的而部署到另一个环境的相同HTML和CSS代码，并且我注意到复选框与其标签之间没有空格，而在本地环境中则没有这种情况。

我检查了input元素和label元素，看是否有可能遗漏的CSS，但没有找到任何东西。

我认为间距是由浏览器自动添加的，但对于我来说不是，而且我也不知道为什么。

这是复选框的HTML：

<p><input aria-required="true" class="form-checkbox required form-input" data-drupal-selector="edit-field-webform-rgpd" id="edit-field-webform-rgpd" name="field_webform_rgpd" required="required" type="checkbox" value="1" /> <label class="option js-form-required form-required" for="edit-field-webform-rgpd">J'ai lu et j'accepte</label></p>

有人可以给我一些有关复选框与其标签之间添加间距的提示吗？

谢谢。

编辑：

没有自动添加空格，而是Drupal删除的空格字符，使用不间断的html实体可以防止这种情况。

Answer 1

尝试在两者之间使用不间断的空间实体 。 如here

所示

<p><input aria-required="true" class="form-checkbox required form-input" data-drupal-selector="edit-field-webform-rgpd" id="edit-field-webform-rgpd" name="field_webform_rgpd" required="required" type="checkbox" value="1" />&nbsp;<label class="option js-form-required form-required" for="edit-field-webform-rgpd">J'ai lu et j'accepte</label></p>