title: Load HTML elements one after the other
body: <p>I have four HTML elements:</p>
  <pre><code>&lt;img&gt;
  &lt;img&gt;
  &lt;p&gt;&lt;/p&gt;
  &lt;input&gt;
  </code></pre>
  <p>Currently, they load roughly in order from bottom to top (the bottom two load first) and this creates a disturbing effect where the input and text loads near the top and the traverses down the page as the images pop in.</p>
  <p>I'd like for each element to load only after the one above has loaded. What would be the simplest way to do this?</p>