CSS表单对齐按钮和复选框

时间:2018-06-03 13:59:46

标签: css forms

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

我现在有什么

enter image description here

我的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;
    }

1 个答案:

答案 0 :(得分:0)

要获得确切的答案,我需要一个HTML。但也许只是

left: -.5em;

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