title: How can I display 2 elements in the same position using css?
body: <pre><code>&lt;div&gt;
  &lt;ul class="social-icon"&gt;
      &lt;li&gt;
          &lt;a href="#" class="social-facebook"&gt;
            &lt;i class="fa fa-facebook"&gt;&lt;/i&gt;
            &lt;i class="fa fa-facebook ff"&gt;&lt;/i&gt;
          &lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to display this two icon in same position like one icon...Please Help me. Sorry for my Bad English.
  <a href="http://jsfiddle.net/2N2YF/28/" rel="nofollow">Here is jsfiddle editor link</a></p>