JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<div class="cbcontainer">

  <div class=checkbox>
    <label><input type="checkbox" id="foo">My Label</label>
  </div>

  <div class=checkbox>
    <label><input type="checkbox" id="bar">Another Longer</label>
  </div>

  <div class=checkbox>
    <label><input type="checkbox" id="baz">Less than lng</label>
  </div>

</div>

CSS

.cbcontainer {
  display: inline-block;
}

.checkbox {
  text-align: right;
}

.checkbox input {
  float: right;
  position: relative !important;
  margin: 5px !important;
}