title: How do I visually display things differently than they are declared as in HTML?
body: <p>Say I have this structure:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="image"&gt;
          &lt;img src="image.jpg" alt=""&gt;
      &lt;/div&gt;
      &lt;h1 class="title"&gt;Hey, tis a title!&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This will generate a layout precisely like this:</p>
  
  <pre><code>image
  title
  </code></pre>
  
  <p>My goal is to, even if the code stays the same, display the content as:</p>
  
  <pre><code>title
  image
  </code></pre>
  
  <p>How can I achieve this?</p>