horizontal-line-flexbox

HTML

<div class="wrapper">
  <p>Text</p>
  <div class="line"></div>
</div>

CSS

.wrapper {
  display: flex;
  align-items: center;
}

.line {
  border-top: 1px solid grey;
  flex-grow: 1;
  margin: 0 10px;
}