JSFiddle - React, Tailwind, and code Playground

HTML

<p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum, sapien ut tristique auctor, massa est lacinia sem, at rutrum est mauris ac risus.
</p>

<div class="group">
    <div class="item line"></div>
    <div class="item text">This is a test</div>
    <div class="item line"></div>
</div>

<p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum, sapien ut tristique auctor, massa est lacinia sem, at rutrum est mauris ac risus.
</p>

CSS

.group { 
  display: table;
  width: 100%;
  font-size: 3em;
}
.item {
  display: table-cell;
}
.text { 
  white-space: nowrap;
  width: 1%;
  padding: 0 10px;
}
.line {
  border-bottom: 1px solid #000;
  position: relative;
  top: -.5em;
}