JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
     <ul>
        <li><div class="nav_icon"></div> HOME</li>
        <li>PICTURES</li>
        <li>ABOUT</li>
    </ul>   
</nav>

CSS

nav {
    width: 100%;
    height: 80px;
    background: gray;
}

nav ul li {
    border-left: 1px solid red;
    height: 80px;
    line-height: 80px;
    float: left;
    display: inline-block;
}

.nav_icon {
    display: inline-block;
    vertical-align: middle;
    width: 46px;
    height: 41px;
    background-image: url("http://i.imgur.com/mDXvZOZ.jpg"); /* Icon isn't even displayed */
}