JSFiddle - React, Tailwind, and code Playground

by webviper

HTML

<div id="content_middle">
   <div id="content"> 
       
   </div><!-- END CONTENT -->  
         <div class="clear"></div> 
   <div id="news">
       
   </div><!--END NEWS-->
         <div id="banner-bottom">

         </div><!--END BANNER BOTTOM-->
               <div class="clear"></div>                            
</div>

CSS

div#content_middle {
        background:url(../images/content_middle.png) 0 0 repeat-y;
        width:510px;
        height:100%;
}

div#content {
        background-color:#000;
        margin:0 auto;
        width:450px;
        height:100px;
}

div#news {
        background-color:#F00;
        margin:0 auto;
        width:450px;
        height:100px;
}
.clear { clear: both; }