使用CSS内联块和文本包装

将复选框和标签包装在容器div中(或li-i经常使用列表的表单)并应用

<div class="checkbox">
  <input type="checkbox" id="agree" />
  <label for="agree">I agree with checkbox</label>
</div>




.checkbox input {
      float:left; 
      display:block;
      margin:3px 3px 0 0;
      padding:0;
      width:13px;
      height:13px;
     }

.checkbox label {
      float:left;
      display:block;
      width:auto;
     }

input { float: left; }
div { margin-left: 40px; }

调整 margin-left float: left