JSFiddle - React, Tailwind, and code Playground

by tomasjurman

HTML

<nav>
    <a href="#">Menu 1</a>
    <a href="#">Menu 2</a>
    <a href="#">Menu 3</a>
    <a href="#">Menu 4</a>
    <a href="#">Menu 5</a>
    <a href="#">Menu 6</a>
</nav>

CSS

nav {
    background: #333;
    padding: 0;
    margin: 0;
    list-style: none;					    
    display: flex;   
    justify-content: space-between;
}

nav a{
    background: green;
    padding: 5px;	
    display: block;
    color: white;
    font-weight: bold;   
    text-align: center;		        				
}