JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="menu">
    <li id="menu-item-1">Menu 1</li>
    <li id="menu-item-2">Menu 2</li>
    <li id="menu-item-3">Menu 3</li>
    <li id="menu-item-4">Menu 4</li>
</ul>

CSS

ul#menu
{
    list-type: none;
}
ul#menu li
{
    float: left;
    width: 50px;
    padding: 40px 0 0 0;
    display: block;
    margin: 0 5px 0 0;
}
#menu-item-1, #menu-item-2, #menu-item-3, #menu-item-4
{
    background-repeat: no-repeat;
    background-color: transparent;
}
#menu-item-1 { background-image: url('http://i.imgur.com/ZqoLv.gif'); }
#menu-item-2 { background-image: url('http://i.imgur.com/ZqoLv.gif'); }
#menu-item-3 { background-image: url('http://i.imgur.com/ZqoLv.gif'); }
#menu-item-4 { background-image: url('http://i.imgur.com/ZqoLv.gif'); }