title: css align vertically specific divs
body: <p>I currently have the following html:</p>
  
  <pre><code>&lt;div&gt;objA&lt;/div&gt;
  &lt;div class="tower"&gt;objB&lt;/div&gt;
  &lt;div class="tower"&gt;objC&lt;/div&gt;
  &lt;div class="tower"&gt;objD&lt;/div&gt;
  &lt;div&gt;objE&lt;/div&gt;
  &lt;div&gt;objF&lt;/div&gt;
  &lt;div&gt;objG&lt;/div&gt;
  &lt;div&gt;objH&lt;/div&gt;
  &lt;div&gt;objI&lt;/div&gt;
  &lt;div&gt;objJ&lt;/div&gt;
  </code></pre>
  
  <p>I'd like to tower(align vertically) the divs in class "tower" so that the following image can be reproduced:</p>
  
  <p><img src="https://i.stack.imgur.com/HODOg.png" alt="&quot;div-tower&quot;"></p>
  
  <p>Instead, what I currently have is the following:</p>
  
  <p><a href="http://jsfiddle.net/kAMB5/" rel="nofollow noreferrer">http://jsfiddle.net/kAMB5/</a></p>
  
  <p>Are there any ways in which I could go about achieving my wanted result purely through css? (preferably without changing the html content)</p>
  
  <p><strong>UPDATE</strong>: You can assume these are fixed width divs.</p>