JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="heading">Title Here</h1>

CSS

.heading {
  background-image: linear-gradient(black, black);
  background-repeat: no-repeat;
  background-size: 50% 3px;
  background-position: center bottom -1px;
  
  border-bottom: 1px solid black;

  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 10px;
}