JSFiddle - React, Tailwind, and code Playground

HTML

<a href='https://www.google.com'>
  <label>
    label
  </label>
</a>
<input type="text" id="nada"></input>

<a href='#'>
  <span>
    span
  </span>
</a>

<a href='#'>
  <div>
    div
  </div>
</a>

<a href='#'>
  <p>
    p
  </p>
</a>

<a href='#'>
  <section>
    section
  </section>
</a>

CSS

a {
  padding: 10px 20px;
  background: white;
  margin: 10px;
  display: inline-block;
}

p {
  margin: 0;
}