JSFiddle - React, Tailwind, and code Playground

by Radiocity

HTML

<div id="topblock">
<span id="logo">JCommerce</span>
    <div id="right"><a href="#">Language</a><a href="#">Browse</a><a href="#">Logout</a></div>
</div>

CSS

a{
    background: #f0f0f0;
    display:inline-block;
    zoom:1;     /*IE7*/
    *display:1; /*IE7*/
    padding:4px 16px;
    border-radius:4px;
    font-family: 'Arial', sans;
    color: #888;
    font-size: 12px;
    text-decoration:none;
    box-shadow: 0px 1px 2px #667;
    text-shadow: 0px 1px 1px #fff;
    margin: 2px 4px;
    border-top:1px solid #fff;
}

a:hover{
    box-shadow: 0px 1px 2px #ccc;
    color: #667;
}

#logo{
    margin: 0px 4px;
    display:inline-block;
    zoom:1;     /*IE7*/
    *display:1; /*IE7*/
    font-family: 'Arial', sans;
    font-size:16px;
    font-weight:bold;
    /*text-shadow: 0px 1px 1px #667;*/
    color:#a2b429;
    line-height:30px; 
}

#logo span{
    color:#ccff66;
}

#right{
    float:right;  
    min-height:26px;    
    height:26px;  
}

#topblock{
    padding: 16px;
    background:#f0f0f0;
}