css - 复选框和文本之间的间距？

Question

我无法弄清楚如何添加自定义 CSS 以在复选框和文本之间添加间距（运送到不同的地址？）。任何时候我添加边距或填充整个元素（复选框+文本）都会移动。见附图？谢谢你的帮助！

https://roynattivmd.com/checkout/

复选框和文本：

Answer 1

您可以通过添加margin-right: [value];到特定输入来添加一些间距。由于您使用的是elementor，因此您可以通过内联样式执行此操作。

<label for="myInput">
  <input id="myInput" type="checkbox" style="margin-right: .5rem;">
  Ship to a different address?
</label>

或通过外部样式表：

#myInput {
  margin-right: .5rem;
}

<label for="myInput">
  <input id="myInput" type="checkbox">
  Ship to a different address?
</label>

Answer 2

请尝试此代码，复选框和文本之间的间距？

    dd label input {
           margin-right:10px;
        }
    <dd id="rr-element">
           <label for="rr-1">
              <input type="checkbox" value="1" id="rr-1" name="rr[]">
              Value 1
           </label>
        </dd>

我希望这段代码有用。

谢谢你。