JSFiddle - React, Tailwind, and code Playground

HTML

<div class="boxcontent3">
        <div class="whitebox3">
            <div class="whiteboxdemocont">
                conten1
            </div>
        </div>
        <div class="whitebox3">
            <div class="whiteboxdemocont">
                content2
            </div>
        </div>
        <div class="whitebox3">
            <div class="whiteboxdemocont">
               content3dsaf ds fsdaf sd fsad fsadf asd fsadf sadf sadf adsf sadf sadf 
            </div>
        </div>
    </div>

CSS

.boxcontent3{
   display: table; 
   width: 100%;
}
.whitebox3{
display:table-cell;
background-color: white;
border: 1px solid #dfe0e2; 
-webkit-border-radius: 6px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
-moz-border-radius: 6px; /* FF1-3.6 */
border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
margin-top: 20px;
margin-right: 10px;
margin-bottom: 20px;
width: 32%;
height: 100%;
}