title: How to vertical align text next to image with skeleton grid
body: <p>I'm trying to vertically align the images with the text on the "Board of Advisors" tab on <a href="http://www.swordandplough.com/pages/about-us" rel="nofollow noreferrer">THIS PAGE</a>. </p>
  
  <p><img src="https://i.stack.imgur.com/Eu5aZ.jpg" alt="Board of Advisors Page"></p>
  
  <p>Shortened html:</p>
  
  <pre><code>&lt;div class="four columns alpha"&gt;&lt;img class="ImageBorder" src="LINK" alt="" /&gt;&lt;/div&gt;
  &lt;div class="twelve columns omega"&gt;
  &lt;p class="padding"&gt;TEXT&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've tried some of the multiple line solutions presented <a href="https://stackoverflow.com/questions/489340/vertically-align-text-next-to-an-image">HERE</a>, but can't get the text/image to line up correctly. Is there a good way to do this with a grid system?</p>
  
  <p>Thanks!</p>