JSFiddle - React, Tailwind, and code Playground

by panchroma

HTML

<div class="container">
      <div id="main">
<div class="row">
<div id="leftcol" class="span4 pagination-right">
       <h1>Right</h1>
       <h4>Enter</h4>
</div><!-- end span4 -->
    
<div id="mainpic" class="span8 box">
      <p align="middle">green box 300x200</p>
        
</div><!-- end span8 -->
</div><!-- end row -->
      
</div>
</div>

CSS

@import url('http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css');

/*
body { height: 100%; width: 100%; position: absolute; }
h1 { font-size: 14px; text-align:right; }
h4 {  font-size: 12px; text-align:right; }
#main { position:relative; background:red; height:400px; width:300px; }
#leftcol { position:absolute; background:blue; bottom:5px; right:80%;}
#mainpic { position:absolute; background:green; top:10px; left:25%; }
.box { height: 370px; width: 200px; border: solid 10px #ccc; } 
*/
#leftcol{
    background-color:blue;
}
.box{
    background-color:green;
    height: 370px; width: 200px; 
}
#main{
     background:red; height:400px; width:300px;
}


h1{font-size:14px};
h2{font-size:12px};