title: How to center a fontawesome icon inside a div element
body: <p>I have a div with <code>width: 180px;</code> and <code>height: 180px;</code>.<br>
  How can I center a fontawesome icon horizontally and vertically inside the container?<br/>
  Note: i may also add text below the icon</p>
  
  <pre><code>&lt;div style="width:180px; height:180px; float:left;"&gt;
    &lt;i class="fa fa-search fa-4x"&gt;&lt;/i&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>should look something like this:<br/>
  <img src="https://i.stack.imgur.com/gIjwD.png" alt="enter image description here"></p>