JSFiddle - React, Tailwind, and code Playground

by dirtyd77

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<ul class="social-signin-livfeed">
    <li>
        <a href="#" class="facebook-tab-signin social-popup-btn" title="Facebook">Facebook</a>
    </li>
    
    <li><a href="#" class="twitter-tab-signin social-popup-btn" title="Twitter">Twitter</a>
    </li>
   
    <li><a href="#" class="instagram-tab-signin social-popup-btn" title="Instagram">Instagram</a>
    </li>
  
    <li><a href="#" class="google-tab-signin social-popup-btn" title="G+">G+</a>
    </li>
    <p class="social-name-popup">Pinterest</p>
    <li><a href="#" class="pinterest-tab-signin social-popup-btn" title="pininterest">pinterest</a>
    </li>

    <li><a href="#" class="youtube-tab-signin social-popup-btn" title="Youtube">Youtube</a>
    </li>

    <li class="last"><a href="#" class="chartego-tab-signin social-popup-btn" title="Chartego">Chartego</a>
    </li>
</ul>

CSS

.social-signin-livfeed li {
                                                                                                                                                                                                        float: left;
                                                                                                                                                                                                        margin-right: 6px;
                                                                                                                                                                                                    }
                                                                                                                                                                                                    .social-signin-livfeed li a {
                                                                                                                                                                                                        padding: 10px 20px;
                                                                                                                                                                                                        display: block;
                                                                                                                                                                                                        margin-top: 12px;
                                                                                                                                                                                                        border-radius: 3px;
                                                                                                                                                                                                        text-indent: -9999px;
                 ...

JavaScript

$(function(){
   $(document).tooltip(); 
});