JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">Text Goes Inside</div>


<div id="border"></div>

CSS

#box {
  width:150px;
  padding:5px;
  height:30px;
  background-color:#323232;
  margin-left: auto;
  color:white;
  text-align:center;
  text-transform:uppercase;
}

#border {
  border-bottom:2px solid red;
  position: relative;
}