JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>
    <div>
      <h1 id="text-2">Why do we use it?</h1>
    </div>
  </li>
  <li>
    <div>
      <h1 id="text-1">Where does it come from?</h1>
    </div>
  </li>
</ul>

CSS

h1 {
  font-size: 4em;
}

div {
  border: 1px solid red;
  width: 70vw;
}

#auto-size {
  font-size: 3em;
}