JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content"> 
    <div class="about"> 
        <h2>About</h2> 
            <p class="content-paragraph-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu blandit erat, quis aliquam ligula. Phasellus id ligula non magna ultricies vestibulum vitae eu ante. Aenean vel est at est sollicitudin vestibulum eu ac nulla. Nullam euismod, neque consectetur molestie volutpat, risus purus placerat ipsum, vitae ullamcorper diam nibh in leo. Phasellus egestas bibendum dui, ac sollicitudin dolor semper et. Integer viverra dignissim neque eu lacinia. Suspendisse potenti. Fusce diam turpis, consequat vitae ligula vel, ornare imperdiet urna. Quisque tempus vel nibh et iaculis. In sed tristique enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce nunc turpis, tincidunt ac orci vitae, malesuada ullamcorper nulla. Cras eu diam leo. Phasellus fringilla quam non elementum adipiscing. Pellentesque ac sem cursus, ultrices lectus nec, aliquam turpis.</p> 
            <p class="content-paragraph-right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu blandit erat, quis aliquam ligula. Phasellus id ligula non magna ultricies vestibulum vitae eu ante. Aenean vel est at est sollicitudin vestibulum eu ac nulla. Nullam euismod, neque consectetur molestie volutpat, risus purus placerat ipsum, vitae ullamcorper diam nibh in leo. Phasellus egestas bibendum dui, ac sollicitudin dolor semper et. Integer viverra dignissim neque eu lacinia. Suspendisse potenti. Fusce diam turpis, consequat vitae ligula vel, ornare imperdiet urna. Quisque tempus vel nibh et iaculis. In sed tristique enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce nunc turpis, tincidunt ac orci vitae, malesuada ullamcorper nulla. Cras eu diam leo. Phasellus fringilla quam non elementum adipiscing. Pellentesque ac sem cursus, ultrices lectus nec, aliquam turpis.</p> 
        </div> <!-- about -->...

CSS

.content { 
    width: 100%; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box;
    text-align: center; 
    background-color:blue;
} 

.content h2 { 
    background-color: #ff675f; 
    color: #ffffff; 
    line-height: 40px; 
    padding: 0 40px; 
    display: block;
    width:20%;
    margin:5% auto;
    font-size: 30px; 
    text-transform: uppercase; 
    border-bottom: 3px solid #ffa39f;  
    background-color:red;
} 

.content p { 
    font-size: 14px; 
    line-height: 1.4; 
    color: #44505b;
    text-align:justify;
    background-color:#00ff00;
    padding:1%;
    width: 48%;
} 

.content-paragraph-left { 
    float: left; 
} 

.content-paragraph-right { 
    float: right; 
} 

.about { 
    /*padding: 80px 180px 0px;*/
    background-color: yellow;
    display:inline-block;
    width:100%;
} 

.clearfix { 
    clear: both; 
}