JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="navlist">
  <li id="face"><a href="#"></a></li>
  <li id="maps"><a href="#"></a></li>

</ul>

CSS

#navlist {
    position: relative;
}

#navlist li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 10px;
}

#navlist li, #navlist a {
    height: 64px;
    display: block;
}

#face{
position: absolute;
left: 65%;
    width: 64px;
    height: 64px;
    background: url('http://fc00.deviantart.net/fs71/f/2013/002/b/5/b59b8b8bb580b6efbaf5f5478346b701-d5q59m1.png') 0 0;
}

#maps{
left: 70%;
    width: 64px;
    height: 64px;
    background: url('http://fc06.deviantart.net/fs70/f/2012/247/d/d/dd0dd9660afa231d07f15689ee088bad-d5djnyw.gif') 0  0;

}