JSFiddle - React, Tailwind, and code Playground

by Curt

HTML

<div id="divWall">
 <div id="divLinks">
    <div id="divNav">
       <ul>
           <li><a href="Index.html">Main</a></li>
           <li><a href="About.html">About</a></li>
           <li><a href="Log-in.html">Log-in</a></li>
           <li><a href="Register.html">Register</a></li>
       </ul>
    </div>
 </div>
</div>

CSS

#divWall {
 width:700px;
 margin:20px auto;
 }
 #divLinks {
   width:700px;
   background:#666;
 }
 #divNav {
  width:384px;
  background:#666;
  height:36px;
  margin:0 auto;
 }
 #divNav ul {
    list-style-type:none;
 }
 #divNav ul li {
   float:left;
 }
 #divNav ul li a {
   display:block;
   height:20px;
   background:#000;
   width:80px;
   font-size:0.8em;
   color:#FFF;
   text-align:center;
   text-decoration:none;
   margin:7px;
 }