JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>   
    <body>
        <div class='wrapper'>
            
            <nav>
                <a href="index.html">Shop</a>
                <a href="products.html">Community</a>
                <a href="about.html">FAQ</a>
                <a href="contact.html">Submit A Request</a>
                
            </nav>         
            
        </div>
    </body>
</html>

CSS

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

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