JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">

    <div class="col1">
        
        <div class="box">
            <div class="indicator">
                1
            </div>
            <div class="text">
                Text text text text text text text text text text text text text text text text text text text text text text text text text.
            </div>
        </div>

        <div class="box">
            <div class="indicator">
                1
            </div>
            <div class="text">
                Text text text text text text text text text text text text text text text text text text text text text text text text text.
            </div>
        </div>
        
        <div class="box">
            <div class="indicator">
                1
            </div>
            <div class="text">
                Text text text text text text text text text text text text text text text text text text text text text text text text text.
            </div>
        </div>

        <div class="box">
            <div class="indicator">
                1
            </div>
            <div class="text">
                Text text text text text text text text text text text text text text text text text text text text text text text text text.
            </div>
        </div>
        
    </div>

    <div class="col2">
        Col 2 content.
    </div>



</div>

CSS

.main {
position: relative;
margin: 25px 0;
display: block;   
}

.col1 {
width: 200px;
position: absolute;
left:210;
}

.col2 {
width: 200px;
position: absolute;
right:0;
}

.indicator {
width: 10px;
    height:10px;
    background-color: #0f0;
    color:#454;
position: absolute;
left:0;
}

.text {
position: absolute;
right:0;
}

.box {
position: relative;
}