JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <label>
    <span>label:</span>
    <input type="text">
  </label>
  <label>
    <span>label:</span>
    <input type="text">
  </label>
  <label>
    <input type="checkbox">
    label
  </label>
</div>

CSS

.wrapper {
  display: flex;
  align-items: center;
}

label span {
  display: block;
}