JSFiddle - React, Tailwind, and code Playground

by sandeep

HTML

<ul id="nav">
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">contact</a></li>
    </ul>

CSS

a{
    text-decoration:none;
    display:block;
    outline:none; 
    color:#000;
}
#nav {
    margin:0 auto;
    overflow:hidden;   
    font-weight:normal;
    font-size:20px;
    margin-top:20%; 
    text-align: center; 
}
#nav li{
    display:inline-block; 
    margin-right:20px;
}