title: Center label with checkbox when several lines using Tailwind CSS
body: <p>I have a checkbox with a label that sometimes are more than one line. How do I align the first line center to the checkbox</p>
  <pre><code>&lt;label class=&quot;inline-block&quot;&gt;
  &lt;input class=&quot;ml-2 mr-1 mb-1 inline-block&quot; data-id=&quot;{{inputDataId}}&quot; type=&quot;checkbox&quot; class=&quot;{{class}}&quot; {% if required %} required {% endif %}&gt;
  &lt;span class=&quot;text-sm inline-block&quot;&gt;
    {{label}}
  &lt;/span&gt;
  &lt;/label&gt;
  </code></pre>
  <p>I only get it to look like this:
  <a href="https://i.stack.imgur.com/aylY6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aylY6.png" alt="enter image description here" /></a></p>