title: Vertical align Span within Div
body: <p>I have the below code running to create three columns centered in the middle of the screen. The problem I have is when I add varying amounts of content to each span, one ends up much higher than the other two. The background on the main page is black and each span is white.</p>
  
  <pre><code>&lt;div style="width:100%; text-align:center; min-width:1200px;"&gt;
  &lt;span style="display: inline-block; width:300px; height:300px; background-color:#fff; "&gt;
          Content
  &lt;/span&gt;
  &lt;span style="display: inline-block; width:300px; height:300px; background-color:#fff;"&gt;
          Content
  &lt;/span&gt;
  
  &lt;span style="display: inline-block; width:300px; height:300px; background-color:#fff; margin:0px; padding:0px;"&gt;
          Content blah blah blah
  &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I make it so all of the spans are the same vertical position. I have setup the height as all the same values</p>