title: How to align image and texts inside a span tag
body: <p>I have this structure:</p>
  
  <pre><code>&lt;span&gt;
        &lt;img src="images/logo.png" /&gt;
        &lt;small&gt;Title&lt;small&gt;
        &lt;small&gt;some text&lt;/small&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>I want the result to be like this: </p>
  
  <pre><code>-------------------------
        -
    img -    Title
        - -----------------
        -    some text
  -------------------------
  </code></pre>