JSFiddle - React, Tailwind, and code Playground

HTML

<ol style="list-style: none;">
  <li class="normal">
    <label>Channel Name</label>
    <input type="text">
  </li>
  <li class="reversed">
    <label>Subscribe to this channel</label>
    <input type="checkbox">
  </li>
</ol>

CSS

li.reversed input {
   float: left;
    margin-top: -1.2em; 
}

li.reversed label {
    margin-left: 20px;
}