JSFiddle - React, Tailwind, and code Playground

HTML

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title></title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)" />
    <meta name="created" content="Mo, 26 Mrz 2012 12:52:01 GMT" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
  </head>
  <body>
  <div class="main">
     <div class="container">
     <div class="header"></div>
     <div class="content"></div>
     <div class="sidebar"></div>
     <div style=" clear:both;"></div>
     <div class="footer"></div>     
     </div>
    <div class="tses"></div>
  
  </div>
  </body>
</html>

CSS

.main{ width:1100px;  height:1800px; margin:0 auto; }
   .container{ width:970px; margin:0 auto; height:1620px; border:1px solid #c3c3c3;padding:5px;}
   .header{ width:auto; height:150px; border:1px solid #c3c3c3;margin-bottom:5px;}
   .tses{ width:65px; height:250px;  border:1px solid blue; position:fixed; top:200px; }
   .footer{ width:970px; height:150px; border:1px solid #c3c3c3;margin-top:5px;}
   .content{ width:690px;height:1300px; border:1px solid #c3c3c3; float:left;}
   .sidebar{ width:260px; height:1300px; border:1px solid #c3c3c3;float:right; }