JSFiddle - React, Tailwind, and code Playground

HTML

<div class="checkboxes">
      <span>
        <input type="checkbox" name="Mow" value="Mow"> One
        <input type="checkbox" name="Weedeat" value="Weedeat"> Two
        <input type="checkbox" name="Edge" value="Edge"> Three
        <input type="checkbox" name="Other" value="Other"> Four
      </span>
      </div>

CSS

.checkboxes {
  text-align:center;
}

.checkboxes input{
  margin: 0 20px 0;
}