JSFiddle - React, Tailwind, and code Playground

by Emily Humphrey

HTML

<div id="header-bottom-left"><a href="http://www.reddit.com/" id="header-img-a"><img id="header-img" src="http://a.thumbs.redditmedia.com/OhQj9Qm08bR_XaS0.png" width="272" height="125" alt="bonerpartsdoesreddit"></a>&nbsp;<span class="hover pagename redditname"><a href="http://www.reddit.com/r/bonerpartsdoesreddit/">bonerpartsdoesreddit</a></span><ul class="tabmenu "><li class="selected"><a href="http://www.reddit.com/r/bonerpartsdoesreddit/">hot</a></li><li><a href="http://www.reddit.com/r/bonerpartsdoesreddit/new/">new</a></li><li><a href="http://www.reddit.com/r/bonerpartsdoesreddit/controversial/">controversial</a></li><li><a href="http://www.reddit.com/r/bonerpartsdoesreddit/top/">top</a></li><li><a href="http://www.reddit.com/saved/">saved</a></li><li><a href="javascript:void(0);" id="viewImagesButton">view images(0)</a></li></ul></div>

CSS

div#header-bottom-left{
    display:block;
    width:100%;
    height:50px;
    background:#ccc;
}

a#header-img-a{
    display:none;
}

span.pagename{
    display:block;
    height:50px;
    float:left;
    padding:0px 10px;
    margin:0px;
    border-right:#aaa 1px solid;
}
    span.pagename a{
        color:#555;
        font-family:sans-serif;
        text-decoration:none;
        line-height:46px;
    }
ul.tabmenu{
    float:right:
}
    ul.tabmenu li{
        float:left:
    }