JSFiddle - React, Tailwind, and code Playground

by Erik Sturcke

HTML

<nav>
    <ul>
        <li><a href=""><img src="http://cdn.dustball.com/house.png" alt="" />Home</a>
        <li><a href=""><img src="http://cdn.dustball.com/information.png" alt="" />About</a>
        <li><a href=""><img src="http://cdn.dustball.com/help.png" alt="" />Help</a>
    </ul>
</nav>

CSS

nav ul {
    display       : inline-block;
    border-radius : 10px;
    overflow      : hidden;
    padding       : 0; 
    margin        : 0;
}

nav li {
    display         : inline-block;
    list-style-type : none;
}

nav a {
    display          : block;
    line-height      : 56px;
    padding-top      : 50px;
    text-decoration  : none;  
    color            : #676767;
    font-size        : 12pt;
    background-color : #c5c5c5;
    width            : 107px;
    text-align       : center;
}

nav img {
    display : block;
    margin  : 0 auto;
}