JSFiddle - React, Tailwind, and code Playground

HTML

<div class="text1"><h2><span>THIS IS A TEST</span></h2>
    <p>1800 - 1570 - 000</p>
    <h2><span>THIS IS A TEST</span></h2>
</div>
<div class="text2"><h2><span>THIS IS A TEST</span></h2>

    <p>1800 - 1570 - 000</p>

    <h2><span>THIS IS A TEST</span></h2>
</div>

CSS

h2 { width:100%; 
    text-align:center; 
    border-bottom: 1px dashed #000; 
    line-height:0.1em; 
    margin:10px 0 20px; } 
h2 span { background:white; 
    padding:0 10px; }
.text1{float:left;display:inline-block;
    width:50%;}
.text2{float:left;display:inline-block;
    width:50%;}