title: vertically align foundation div
body: <p><a href="http://jsfiddle.net/mgLtz5kg/" rel="nofollow">http://jsfiddle.net/mgLtz5kg/</a></p>
  
  <pre><code>&lt;div class="row expanded"&gt;
       &lt;div class="row expanded paddedrow"&gt;
             &lt;div class="small-12 medium-4 columns paddedcirclediv"&gt;
              &lt;div class="small-12 columns circlediv"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="small-8 columns factoid childbox"&gt;
              &lt;h3&gt;lorem&lt;/h3&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti iusto, voluptatibus minus assumenda harum ipsum. Beatae in at quam accusantium enim asperiores, hic nulla eum, nihil quae omnis error, labore.&lt;/p&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti iusto, voluptatibus minus assumenda harum ipsum. Beatae in at quam accusantium enim asperiores, hic nulla eum, nihil quae omnis error, labore.&lt;/p&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti iusto, voluptatibus minus assumenda harum ipsum. Beatae in at quam accusantium enim asperiores, hic nulla eum, nihil quae omnis error, labore.&lt;/p&gt;
          &lt;/div&gt;
       &lt;/div&gt;
  
       &lt;div class="row expanded"&gt;
          &lt;div class="small-12 medium-4 columns paddedcirclediv"&gt;
              &lt;div class="small-12 columns circlediv"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="small-8 columns factoid"&gt;
              &lt;h3&gt;ipsum&lt;/h3&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti iusto, voluptatibus minus assumenda harum ipsum. Beatae in at quam accusantium enim asperiores, hic nulla eum, nihil quae omnis error, labore.&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Using foundations small-12, medium-6 style notation how do you approach vertically aligning content in a responsive div. In the codesnippet above I want the content on the right to be middle aligned to correspond to the circular div on the rights centre.</p>
  
  <p>I know this is a popular question but all the responses require me to either define a width, or specifically state where on the page the div is located using 'top' and 'left' tags.</p>
  
  <p>Is that really the way you do it?</p>