JSFiddle - React, Tailwind, and code Playground

HTML

<div class='hr'>
  <div class='title'>
    Apes are cool animals
  </div>
  <div class='line'></div>
</div>

<div class='hr'>
  <div class='title'>
    Aren't they?
  </div>
  <div class='line'></div>
</div>

CSS

.hr{
  width:100%;
  display:flex;
  align-items:center;
}

.line{
  height:3px;
  background:red;
  display:inline-block;
  width:100%;
}