JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/javascript.js"></script>
</head>


<body>

    
    <div class="background">
    
    <div id="page-wrap">
    
    <div class="main_container">
        
        <div class="contain">
            <div class="left_container">
                        
            <div class="left_navigation_separator" style="margin-top: 5px;"></div>
            
            <div class="left_navigation">
         
            
            </div>
            
    
            <div class="left_navigation_separator"></div>
            
         
        
            
        </div><div class="right_container">    
    
    <div class="right_content_light">
        <div class="right_content_light_container"><article class="press">
        <h2>atest</h2>
        <h3>Posted on January 1, 2013</h3>
    <div style="margin-top:10px;">
    Helvetica
<h1>Header</h1>

<h2>Header</h2>

<h3>Header</h3>

<h4>Header</h4>



    </div>

    </article>   
    
    
        
            </div>
        
        
    
    
    
    </div>
    <div class="bottom_container">
        </div>
    
    
    </div>
    
    <div style="height: 30px; width: 100%;"></div>
    


</body>

</html>

CSS

html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section
{
    margin:0;
    padding:0;
    border:0;
    font-family: Helvetica,Tahoma,Arial,sans-serif;
    font-size:12px;
}

body,html {
    height: 100%;
    width: 100%;
}

body {
    background-color: #000;
}



a {
    text-decoration: none;
    color: #009d9d;
}

h1 {
    font-size: 25px;
    font-family: 'BebasNeueRegular', Rockwell, 'Rokkitt', Georgia, Helvetica, Tahoma, Arial “Times New Roman”, serif;
    font-weight: normal;
}

h2 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 17px;
}

h1 a {
    font-size: 25px;
    font-family: 'BebasNeueRegular', Rockwell, 'Rokkitt', Georgia, Helvetica, Tahoma, Arial “Times New Roman”, serif;
    font-weight: normal;
    color: #009d9d;
    
}

#page-wrap {
    height: 100%;
    width: 960px;
    background: none;
    margin: auto;
}



.contain {
   position: relative;
   display: block;
   width: 960px;
   min-height: 800px;
   background: repeat;
}


.contain_admin {
   position: relative;
   display: block;
   width: 960px;
   min-height: 650px;
   background: repeat;
}

div.main_container {
    -moz-box-shadow:  0px 35px 50px #000;
    -webkit-box-shadow:  0px 35px 50px #000;
    box-shadow:  0px 35px 50px #000;
    position: relative;
    background: #000;
    border: none;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    width: 960px;
    min-height: 500px;
    margin: auto;
    overflow: hidden;
    display: block;
}

div.bottom_container {
    height:200px; 
    width: 960px;
    background:#161616;
    display:block;
}
div.left_container {
    display: inline-block;
    width: 210px;
    background: none;
    margin: 0;
    padding: 0;
    min-height: 100px;
   ...