JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div class="span25">
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
    </div>
    <div class="span25">
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
    </div>
    <div class="span25">
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
    </div>
    <div class="span25">
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
    </div>
</div>

CSS

#wrapper {float:left; width:100%;}
div.span25 {width:25%; float:left; height:300px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
p {text-align:justify;}
div.span25:nth-child(1) {padding-right:30px;}
div.span25:nth-child(2) {padding-left:10px; padding-right:20px;}
div.span25:nth-child(3) {padding-left:20px; padding-right:10px;}
div.span25:nth-child(4) {padding-left:30px;}