JSFiddle - React, Tailwind, and code Playground

HTML

<div class="sidebar">
     <div class="box1 common">
         <p>Text is here</p>
     </div>
     <div class="box2 common">
         <p>Text is here</p>
     </div>
</div>

CSS

*
{
padding:0px;
margin:0px;
}
.box1 {
    background: none repeat scroll 0 0 #FF0000;
   
    padding: 40px;
    width: 300px;
}
.box2 {
    background: green;
   
    padding: 40px;
    width: 300px;
}
.common {
    margin: 20px;
}

JavaScript

http://jsfiddle.net/#run