JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<h2>
  <i class="far fa-calendar"></i>
  <span>Test</span>
</h2>

<div class="title">
  <i class="far fa-calendar"></i>
  <h2>Test</h2>
</div>

CSS

h2 span {
  text-decoration: underline;
}

.title h2 {
  display: inline;
  text-decoration: underline;
}