html - 在 2 个 div 之间垂直添加空间

Question

我想将 div 排列在彼此下方，但较低的 div 应向右移动。所以我期待这样的输出

现在我已经使用下面的代码让它工作了

<div id="div1" class="checkbox">
                        <label>
                            <input type="checkbox" id="chk1" data-bind="checked: data1" />
                            <span>DIV 1</span>
                        </label>
</div>
<div id="div2" class="checkbox" style="text-align: center;width: 370px">
                        <label>
                            <input type="checkbox" id="chk2" data-bind="checked: data2" />
                  <span>div2</span>
                        </label>
</div>

所以基本上我减少了 div2 的宽度并将文本居中对齐，但我认为这不是一个好方法。还有其他更好的方法吗？

Answer 1

如果只有两个 div 需要间隔开；您可以在 HTML 标记中使用以下内容之一。

•   - 添加一个空格
•   - 添加 2 个空格
•   - 添加 4 个空格

<div id="div1" class="checkbox">
  <label>
    <input type="checkbox" id="chk1" data-bind="checked: data1" />
    <span>DIV 1</span>
  </label>
</div>

<div id="div2" class="checkbox">
  <label>
  &emsp;
    <input type="checkbox" id="chk2" data-bind="checked: data2" />
    <span>DIV 2</span>
  </label>
</div>