JSFiddle - React, Tailwind, and code Playground

by Matthew Day

HTML

<div class="parent">
  <div class="child">
    <div class='stuff'>Mission</div>
    </div>
</div>

CSS

.parent {
  background: thistle;
  height: 200px;
  width: 300px;
}

.child {
  overflow: hidden;
  padding: 50px 0 0 70px;
}

.stuff {
  display: inline-block;
  position: relative;
}

.stuff:after {
  background: crimson;
  bottom: 0;
  content: '';
  height: 2px;
  position: absolute;
  right: 0;
  width: 1000%;
}