JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cssgrid.net/css/1140.css">
<script src="http://cdn.jsdelivr.net/css3pie/1.0.0/PIE.js"></script>
   <p>&nbsp;</p>
<p>&nbsp;</p>
<div class="row surround">
    <div class="twelvecol">
     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et nisl nisi, a viverra est. In quis metus ac urna interdum euismod sit amet at leo. Sed dui felis, faucibus quis viverra sit amet, mollis in nisl. Phasellus metus ante, mollis non dapibus nec, eleifend eget justo. Vestibulum feugiat placerat faucibus. Morbi diam massa, luctus mollis sagittis ut, dictum id lorem. Maecenas volutpat purus nec dolor porta pretium. Quisque dolor orci, cursus id bibendum ac, tristique sed tellus. Pellentesque interdum nisl non nibh aliquet commodo. Ut turpis nisl, ullamcorper nec dictum nec, accumsan ac quam. Etiam placerat volutpat cursus. </p>
    </div>
    </div>

CSS

html, body{
font-size:16px;
font-family:      "nimbus-sans", Helvetica, Arial, sans-serif;
line-height:23px;
color:#222;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
margin: 0;
padding: 0;
text-align: justify;
background: #f3f3f3;
}



    h1, h2, h3, h4, h5, h6{ font-weight:normal; font-family:      "nimbus-sans", Helvetica, Arial, sans-serif; }
    h1{ font-size:24px; }
    h2{ font-size:22px; line-height:28px; }
    h3{ font-size:18px; }
    h4{ font-size:16px; }
    h5, h6{ font-size:14px; }
    
    a{
        color:#1c5886;
        text-decoration:underline;
    }
    a:hover{
        color:#2f92df;
        text-decoration:none;
    }
    
    p{ 
        padding-bottom:10px;
    }

/*** MAIN BODY ***/

.surround
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
    padding: 25px;
    background:#f5f2f7;
    border: 5px solid #b30005;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.4);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.4);
    box-shadow: 0 5px 10px rgba(0,0,0,0.4);
    -webkit-border-radius:25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius:25px;
    border-top: solid #b30005 25px;
}

JavaScript

$(function() {
    if (window.PIE) {
        $('.surround').each(function() {
            PIE.attach(this);
        });
    }
});