JSFiddle - React, Tailwind, and code Playground

by Mehmet Demiray

HTML

<script src="&lt;link href=&quot;//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css&quot; rel=&quot;stylesheet&quot;&gt;"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<div id="menu-container">
   <div class="s-buton fbk-buton">
       <span>
           <i class="fa fa-facebook"></i>
            <br>
           <i class="fa fa-facebook"></i>
       </span>
    </div>
   <div class="s-buton twt-buton">
       <span>
           <i class="fa fa-twitter"></i>
               <br>
            <i class="fa fa-twitter"></i>
       </span>
    </div>
    <div class="s-buton gp-buton">
       <span>
           <i class="fa fa-google-plus"></i>
               <br>
            <i class="fa fa-google-plus"></i>
       </span>
    </div>
    <div class="s-buton li-buton">
       <span>
           <i class="fa fa-linkedin"></i>
               <br>
            <i class="fa fa-linkedin"></i>
       </span>
    </div>
    <div class="s-buton dr-buton">
       <span>
           <i class="fa fa-dribbble"></i>
               <br>
            <i class="fa fa-dribbble"></i>
       </span>
    </div>
    <div class="s-buton be-buton">
       <span>
           <i class="fa fa-behance"></i>
               <br>
            <i class="fa fa-behance"></i>
       </span>
    </div>
    <div class="s-buton insta-buton">
       <span>
           <i class="fa fa-instagram"></i>
               <br>
            <i class="fa fa-instagram"></i>
       </span>
    </div>
</div>