title: Overlay of icon on bottom
body: <p>Following is my fiddle on which I am trying to put an overlay of Icon just like the following image kindly let me know how can i do this?</p>
  
  <p><a href="http://jsfiddle.net/czvRa/" rel="nofollow noreferrer">http://jsfiddle.net/czvRa/</a></p>
  
  <p><img src="https://i.stack.imgur.com/GPI9R.png" alt="enter image description here"></p>
  
  <pre><code>&lt;div align="center" style="margin-top: 5px; background-color: rgb(62, 160, 85); color: white; display: inline-block; padding: 8px;"&gt;
  Inbox&lt;br&gt;
  &lt;span style="line-height: 25px;"&gt;0&lt;/span&gt;
  
  &lt;/div&gt;
  </code></pre>