JSFiddle - React, Tailwind, and code Playground

by Bryan Weaver

HTML

<div class="col left">
  <input type="checkbox" name="checkbox" id="First" />
  <span class="LHLabelClass">
    First LH label:
  </span>
  <br>
  <input type="checkbox" name="checkbox" id="Second"/>
  <span class="LHLabelClass">
    Second LH label:
  </span>
  <br>
  <input type="checkbox" name="checkbox" id="Third"/>
  <span class="LHLabelClass">
    Third LH label:
  </span>
</div>

<div class="col left">
  <span class="RHLabelClass">First RH label</span>
  <br>
  <span class="RHLabelClass">Second RH label</span>
  <br>
  <span class="RHLabelClass">Third RH label</span>
</div>

CSS

.LHLabelClass {
color: blue;
}

.RHLabelClass {
color: red;
margin-left: 10px;  
}

.col {
    float: left;
    width: 150px;
}


.left {
    text-align: left;
}