title: CSS Margins Increase with H1 Length
body: <p>Consider the following markup:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Test Page&lt;/title&gt;
          &lt;link href="screen.css" rel="stylesheet" /&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;h1&gt;Test&lt;/h1&gt;
          &lt;h3&gt;Description&lt;/h3&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And the CSS:</p>
  
  <pre><code>h3{
      margin-top: -25px;
  }
  </code></pre>
  
  <p>Now, I want the H3 to have a margin-left of however long H1 is, and it is consistently 20px away. So, if I have a H1 block of 200px long, then H3 would have a margin-left of 220px, and so on and so forth. How would I do this?</p>