title: Show icon on containing div hover
body: <p>I want to show the edit icon only when the user hovers over the containing div:</p>
  
  <pre><code>&lt;div class="toolbar"&gt;
       &lt;span class="pull-xs-right"&gt;
             &lt;i class="fa fa-pencil show-on-hover"&gt;&lt;/i&gt;
             &lt;i class="fa fa-remove"&gt;&lt;/i&gt;
       &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The remove icon should still display.</p>
  
  <p>How do I do that with css only?</p>