JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
        <div class="block">текст</div>
    </div>
<div class="wrap">
        <div class="block">текст в несколько слов</div>
    </div>
    <div class="wrap">
        <div class="block">текст<br> в две строчки</div>
    </div>

CSS

.wrap{
    overflow: hidden;
    margin: 50px 0px;
}

.block{
    position: relative;
    display: inline-block;
    margin: 0px 0px 0px 100px;
    padding: 0px 10px;

}

.block:before, .block:after{
    content:'';
    position: absolute;
    top: 50%;
    width: 10000%;
    height: 1px;
    background: #000;
    border-bottom: 1px solid #ccc;
}

.block:before{
    left: -10000%;
}

.block:after{
    right: -10000%;
}