title: Align Image and text inside a span inside a div
body: <p>I'm getting crazy trying to make this work out, this is the result Im trying to accomplish:</p>
  
  <p><img src="https://i.stack.imgur.com/QEu1B.png" alt="enter image description here"></p>
  
  <pre><code>    &lt;div style="float: left;width:400px;border:1px;"&gt;
          &lt;span&gt;&lt;img src="" style="width: 60px;height: 60px;" /&gt;&lt;br /&gt;SQL Server 2005&lt;/span&gt;
          &lt;span&gt;&lt;img src="" style="width: 60px;height: 60px;" /&gt;&lt;br /&gt;SQL Server 2008&lt;/span&gt;
          &lt;span&gt;&lt;img src="" style="width: 60px;height: 60px;" /&gt;&lt;br /&gt;Ruby on Rails&lt;/span&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>just can't figure how, anybody would have a guess?</p>