复选框和文本之间有间距吗？

问题描述

我在弄清楚如何添加自定义CSS来增加复选框和文本之间的间距时遇到了麻烦（运送到其他地址？）。每当我添加边距或填充整个元素（复选框+文本）时，都会移动。看到图片了吗？ 感谢您的帮助！

https://roynattivmd.com/checkout/

复选框和文本：

解决方法

您可以通过在特定输入中添加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>

,

请尝试使用此代码，要在复选框和文本之间留出间距？

    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>

我希望这段代码会有用。

谢谢。