JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
<head> 
 <!-- Title -->
 <title>I am Gabe Audick.</title> 
 <!-- Meta -->
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
 <meta name="Author" content="Gabe Audick" /> 
 <meta name="Copyright" content="Gabe Audick" /> 
 <!-- Stylesheets -->
 <link href="style.css" media="screen" rel="stylesheet" type="text/css" /> 
    <!-- RSS -->
 <link rel="alternate" type="application/rss+xml" title="gabeaudick RSS" href="http://feeds.feedburner.com/gabeaudick" /> 
</head> 
<body> 
<!-- Navigation Bar -->
<div id="wrap">
 <div id="header">
  <ul>
   <li><a href="#">Previous</a></li>
   <li><a href="#">Home</a></li>
   <li><a href="#">Next</a></li>
  </ul>
 </div>
</div>
<!-- END -->

</body>
</html>

CSS

* {
    margin: 0;
    padding: 0;
}

body {
 background-color: #fff;
 color: #000;
 font-size: 14px;
 font-family: 'Century Gothic', Helvetica, sans-serif; 
 position: relative;
}

#wrap {
 background-color: #000;
 color: #fbead; 
 height: 26px;
 width: 100%;
}

#header {
 background: url(./images/home.gif) center no-repeat #000;
 height: 26px;
}

#header ul li{
float:left;
list-style-type:none;
margin-right:12px;
}

#header li a:link, #header li a:visited{
outline:none;
display:block;
height:26px;
}