title: CSS - position absolute & document flow
body: <p>Yes, I know doesn't work with position absolute, but is there a way to display elements "below" (after in code) not behind them?</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;img src="image.jpg" style="width: 500px; height: 400px; position: absolute; top: 0;" /&gt; 
  &lt;h2 style="padding: 15px" &gt;This text is behind not below the image&lt;/h2&gt;
  </code></pre>
  
  <p>Is there a way of displaying the h2 <em>below</em> the image <em>excepting</em> positioning it absolutely too?</p>
  
  <p>Example:</p>
  
  <p><a href="http://jsfiddle.net/fDGHU/1/" rel="nofollow">http://jsfiddle.net/fDGHU/1/</a></p>
  
  <p>(yes, I <em>have</em> to use absolute in my case, and dynamic margined content below, and I'm <em>lost</em> :D)</p>