JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="col">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur temporibus repudiandae hic ea nihil voluptates sapiente labore quisquam distinctio tempora numquam harum aperiam sint voluptate quam commodi veniam fuga earum.
    </div>
    <div class="col">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur temporibus repudiandae hic ea nihil voluptates sapiente labore quisquam distinctio tempora numquam harum aperiam sint voluptate quam commodi veniam fuga earum.
    </div>
    <div class="col">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur temporibus repudiandae hic ea nihil voluptates sapiente labore quisquam distinctio tempora numquam harum aperiam sint voluptate quam commodi veniam fuga earum.
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur temporibus repudiandae hic ea nihil voluptates sapiente labore quisquam distinctio tempora numquam harum aperiam sint voluptate quam commodi veniam fuga earum.
    </div>
</div>

CSS

body {
    margin: 0;
    font: 0.8em/1.2 Helvetica, sans-serif;
}

.wrap {
    display: table;
    background: #EAE3D9;
}

.col {
    display: table-cell;
    width: 30%;
    border-right: 1px solid #ccc;
    padding: 10px;
    position: relative;
}

.col:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-right: -10px;
    margin-top: -10px;
    border-radius: 50%;
    background: #000;
}

.col:last-child:after {
    background: none;
    
}

.col:last-child {
    border-right: none;
}