JSFiddle - React, Tailwind, and code Playground

by beneverard

HTML

<p>

<span>
This could be some really long text to have an underline for
</span></p>

CSS

span {
   background: linear-gradient(to top, #F16A70, #F16A70) no-repeat;
  background-size: 60% 10px;
  background-position: left bottom;
  color: #F16A70;
  text-transform: uppercase;
  font-size: 30px;
  font-family: oswald, sans-serif;
  display: inline;
  vertical-align: top;
  padding-bottom: 10px;
}