JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
        <div class="block">
            <h1>Заголовок</h1>
        На выходных делали процессор, видеоплеер из подручных материалов и машину по завариванию чая для Хабраторта.
        На выходных делали процессор, видеоплеер из подручных материалов и машину по завариванию чая для Хабраторта.
        На выходных делали процессор, видеоплеер из подручных материалов и машину по завариванию чая для Хабраторта.
        </div>
        <div class="block">
            <h1>Заголовок</h1>
        На выходных делали процессор, видеоплеер из подручных материалов и машину по завариванию чая для Хабраторта.</div>
     </div>

CSS

html,body{
margin:0;
padding:0;
height:100%;
background:#bacaa6;
}

.wrap{
width:400px;
margin:0 auto;
background:#bacaa6;
}

.block{
position:relative;
border-left:2px solid #445d19;
padding:0px 0px 0px 10px;
margin-bottom:20px;
}

.block:before{
content:'';
position:absolute;
left:-7px;
top:15px;
width:3px;
height:3px;
border:2px solid #445d19;
}

.block:after{
content:'';
position:absolute;
top:0px;
left:-2px;
width:2px;
height:15px;
background:#bacaa6;
}