Vertical align checkbox and span inside label

Question

I'm trying to vertically align a a span and checkbox within a label tag in all browsers.

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

My CSS file

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

label span {
  font-size: 14px;
}

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

FWIW, I'm using Bootstrap 3. It looks like Bootstrap adds 4px top margin to its checkbox, remove the top margin didn't help.