title: Scaling div like an image
body: <p>I'm doing a list of items, but it has some challenges:</p>
  
  <ul>
  <li>Responsive;</li>
  <li>The "title" may have more than one line;</li>
  <li>Sometimes a I need to show a icon with a color in the background instead of full image.</li>
  </ul>
  
  <p>This is the image of what I'd expect:
  <img src="https://i.stack.imgur.com/PbbXx.png" alt="Final result expected"></p>
  
  <p>And what I've got: <a href="http://codepen.io/caio/pen/ygkfm/" rel="noreferrer">http://codepen.io/caio/pen/ygkfm/</a>
  <img src="https://i.stack.imgur.com/0EKtO.png" alt="What I have"></p>
  
  <p>As you can see, I can't set the same scaling to an "image" <code>div</code> when it has a icon. Is there any solution for my problem?</p>