JSFiddle - React, Tailwind, and code Playground

by hart1994

HTML

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<!DOCTYPE html>
<html>   
    <body>
        <div class='wrapper'>
            
            <nav>
                <a href="index.html">Home</a>
                <a href="products.html">Products</a>
                <a href="about.html">About</a>
                <a href="contact.html">Contact</a>
            </nav>         
            
        </div>
    </body>
</html>

CSS

div.wrapper {
    width: 600px;
    margin: 0 auto;
    background-color: #CCCCCC;
    
}

nav{
    display:block; 
    overflow:auto;
}
nav a{
    float:left;
    text-align:center;
    width:25%;
}