title: Vertical CSS timeline steady markup
body: <p><strong>Description:</strong><br>
  Have vertical timeline for <code>12 hours</code> day.<br> Height is <code>720px</code>.<br>
  From the first glance markup should look like:</p>
  
  <pre><code>&lt;div style="margin-top:0px;"&gt;
   9:00
  &lt;/div&gt;
  &lt;div style="margin-top:60px;"&gt;
   10:00
  &lt;/div&gt;
         ...
  &lt;div style="margin-top:60px;"&gt;
   11:00
  &lt;/div&gt;
  </code></pre>
  
  <p>It's occured,that we should take into consideration <code>font-size</code>.<br>
  As it's more,than less should be the value of <code>margin-top</code> property.</p>
  
  <p><strong>Demo:</strong>
  <a href="http://jsfiddle.net/fmSfc/1/" rel="nofollow">see markup</a><br>
  For current font-size value of <code>margin-top</code> is <code>38px</code><br>
  Logically,it should be always equal to <code>60px</code>.</p>
  
  <p><strong>Question:</strong><br>
  Is there <code>CSS</code> solution without <code>JS</code> for vertical timilene,which doesn't depend upon <code>font-size</code>?</p>