垂直对齐复选框和标签内的跨度

Question

我尝试在所有浏览器中垂直对齐标签标记中的范围和复选框。

<div class="container">
  <label class="checbox checkbox-inline">
    <input type="checkbox">
    <span>Remember Me</span>
  </label>
</div>

我的CSS文件

.container {
  padding: 20px;
  border: 2px solid black;
}

label span {
  font-size: 14px;
}

input[type="checkbox"] {
  position: relative;
  bottom: 1px;
}

FWIW，我正在使用Bootstrap 3.看起来Bootstrap在其复选框中添加 4px 上边距，删除上边距没有帮助。