JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
    <div id="left">
        <h1>Wellcome to our site</h1>
        <p>тут какой-то текст</p>
    </div>
    <div id="right">
        <h1>Service Overview</h1>
        <p>тут какой-то текст</p>
    </div>
</div>

CSS

p{border-top:1px dotted black;border-bottom:1px dotted black;color:#c0c0c0;}
/*на случай если нужно чтобы в строке было строго 2 блока то делаем так*/
#left{float:left;width:40%;margin-right:2.5%;}
#right{float:right;width:40%;margin-left:2.5%;}

/*если нужно чтобы у блоков были фиксированные размеры и количество блоков в одной строке менялось в зависимости от ширины дисплея, то делаем так*/
#left{float:left;width:400px;}
#right{float:left;width:400px;}