title: How to display a table with a span at its side?
body: <p>I DO NOT understand how all the display things work with css and html... 
  I need to have something like this:</p>
  
  <pre><code>&lt;div style="text-align:center;"&gt;
     &lt;table style="display:inline-table; vertical-align:middle;"&gt;...&lt;/table&gt; 
     &lt;span style="vertical-align:middle;"&gt;&lt;img&gt;&lt;/span&gt; 
  &lt;/div&gt;
  &lt;div style="text-align:center;"&gt;
     &lt;table style="display:inline-table; vertical-align:middle;"&gt;...&lt;/table&gt; 
     &lt;span style="vertical-align:middle;"&gt;&lt;img&gt;&lt;/span&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>I've added an image of my problem. I'd love to have the gold pictures vertical centered at the right side of the table. </p>
  
  <p><a href="https://lh4.googleusercontent.com/-2hnnu1x2ML0/VCWv1_mCcBI/AAAAAAAANPc/zDu3eI-WbmY/w957-h458-no/example.png" rel="nofollow">https://lh4.googleusercontent.com/-2hnnu1x2ML0/VCWv1_mCcBI/AAAAAAAANPc/zDu3eI-WbmY/w957-h458-no/example.png</a></p>
  
  <p>I'd be grateful with any help provided</p>