title: align text in middle of a column in zurb foundation
body: <p>I am HTML structure where i need to place logo in one column &amp; Title in other other column .</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="large-3 medium-3 small-12 columns "&gt;
          &lt;img src="http://placehold.it/100x100&amp;text=[Logo 1]" /&gt;
      &lt;/div&gt;
      &lt;div class="large-9 medium-9 small-12 columns "&gt;This is the Title&lt;/div&gt;
  &lt;/div&gt;
  &lt;p&gt;&lt;/p&gt;
  &lt;div class="row"&gt;
      &lt;div class="large-3 medium-3 small-12 columns "&gt;
          &lt;img src="http://placehold.it/200x100&amp;text=[Logo 2]" /&gt;
      &lt;/div&gt;
      &lt;div class="large-9 medium-9 small-12 columns "&gt;This is the Title&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Logo can be of different dimension as show in the example above.</p>
  
  <p>I want to align the title. Here is a fiddle example <a href="http://jsfiddle.net/57fBK/15/" rel="noreferrer">http://jsfiddle.net/57fBK/15/</a></p>