JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://guit.dhut.ch/css/style.css">
<div id="container">     <header>       <a href="/" alt="home"><h1>Brantley Gutierrez</h1></a>       <div id="nav">         <ul>           <li><a href="#">Gallery 1</a></li>           <li><a href="#">Gallery 2</a></li>           <li><a href="#">Gallery 3</a></li>           <li><a href="#">Gallery 4</a></li>           <li><a href="#">Contact</a></li>           <li><a href="#">Blog</a></li>         </ul>       </div>     </header>     <div id="main" role="main">       <!--<img class="z" id="one" src="img/st_vincent.jpg" alt="St. Vincent" />-->       <img class="z" id="two" src="http://guit.dhut.ch/img/jeff.png" alt="Jeff Bridges" />     </div>     <footer>       <p>&copy; 2011 Brantley Gutierrez</p>     </footer>   </div>

CSS

#main{
    width:50%;
    margin:0 auto;
}
img{
    width:100%;
}