JSFiddle - React, Tailwind, and code Playground

HTML

<div id="nav-primary">
    <div class="wrapper">
        <ul>
            <li>
                <a href="/home?trk=hb_tab_home">Home</a>
            </li>
            <li>
                <a href="/myprofile?trk=hb_tab_pro">Profile</a>
            </li>
        </ul>
        
    </div>
</div>

CSS

#nav-primary {
    background:url("http://static02.linkedin.com/scds/common/u/img/sprite/sprite_global_v3.png") no-repeat scroll 0 -470px transparent;
}
#nav-primary .wrapper {
    background:url("http://static02.linkedin.com/scds/common/u/img/sprite/sprite_global_v3.png") no-repeat scroll 0 -510px transparent;
    height: 39px;
    padding: 0 5px;
}

#nav-primary li {
    font-weight: bold;
    float: left;
}

#nav-primary a {
    color: #006699;
    text-decoration: none;
    font-size: 15px;
    display: block;
    margin-top: 1px;
    padding: 8px 20px;
}

#nav-primary li a:after {
    content: '*';
    margin-top: 1px;
    font-size: 18px;
    float: right;
    margin-right: -20px;
}