CSS 表单对齐按钮和复选框

Question

我正在编辑表单，需要减少按钮和复选框之间的空间。我还需要将复选框放在第二行，与第一行的按钮对齐，以避免第三行。有帮助吗？

我现在拥有的

我的 CSS

        input[type="checkbox"] + label:before,
        input[type="radio"] + label:before {
        border: solid 1px;
        content: '';
        display: inline-block;
        height: 1.65em;
        left: 0;
        line-height: 1.58125em;
        position: absolute;
        text-align: center;
        top: 0;
        width: 1.65em;
    }

Answer 1

要获得准确答案，我需要一个 HTML。但也许只是

left: -.5em;

或

label {
  margin-left: -.5em;
}