JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">  
    <div id="about">  
        <h2>About</h2>  
        <div> 
            <p>Paragraaf 1 tekst.</p>  
            <p>Paragraaf 2 tekst.</p>  
        </div> 
    </div> <!-- about -->  
</div> <!-- content -->

CSS

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

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

.content p { 
    font-size: 14px; 
    line-height: 20px; 
    color: #44505b; 
    text-align: justify; 
    display: inline-block;
    width: 48%; 
    padding-right: 2%; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    text-align: center; 
} 

#about { 
    padding: 80px 180px 0px; 
    background-color: white; 
}