Social icons in horizontal arrangement

Hi
I want to have social icons in horizontal arrangement at "position: t3-topbar-2"
I tried this from other post, but no works >

<ul class="nav">
<li>
<a href="https://www.facebook.com/"> Facebook</a></li>
<li>
<a href="https://twitter.com/ "> Twitter</a></li>
<li>
<a href="http://pinterest.com/ /"> Pinterest</a></li>
<li>
<a href="https://www.youtube.com/user/ "> Youtube</a></li>
<li>
<a href="http://instagram.com/ "> Instagram</a></li>
<li>
<a href="http://feeds.feedburner.com/ "> RSS</a></li>
</ul>

Any help please?
Thanks

You can try with this custom CSS code:

.t3-topbar-2 .custom.ja-social li {
    float: left;
}

Regards

Thanks a lot !!!