JSFiddle - React, Tailwind, and code Playground

HTML

<a class="container" href="#">
  <span class="ht">FIRST LINE</span>
  <span class="hb">second line some example content here</span>
</a>

CSS

.container {
  display: table;
}
.ht {
  color: black;
  font-size: 24px;
  font-weight: bold;
  display: block;
}
.hb {
  display: table-caption;
  caption-side: bottom;
  color: #555;
  font-size: 18px
}