JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <h2>A heading goes here.</h2>http://jsfiddle.net/s3GG3/
    <p>test</p>
</div>

CSS

#container {
    /* rounded corners */
    -khtml-border-radius: 10px; /* Opera */
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    border-radius: 10px; /* CSS3 */
    
    border: 1px solid #b9b9b9;
}

h2 {
    /* background */
    background: #eeeeee; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffffff,  #eeeeee); /* for firefox 3.6+ */
 -webkit-border-radius: 10px 10px 0 0; /* Safari, Chrome */
    border-bottom: 1px solid #ccc;
    padding: 10px 15px 10px 15px;
    color: #365ebf;
    font-size: .9em;
}

p {
    padding: 10px;   
}