title: Make Element Appear After Another Element Using Only CSS
body: <p>I have the following HTML: </p>
  
  <pre><code>&lt;h2 class="brand&gt; &lt;/h2&gt;
  ..
  .. (lots of other elements like &lt;img, p, h2 etc) 
  ..
  
  &lt;div class="reviews"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>How can I use CSS to make the div element with class "reviews" appear after the h2 element with the class "brand". Something like this: </p>
  
  <pre><code>&lt;h2 class="brand&gt; &lt;/h2&gt;
  &lt;div class="reviews"&gt;...&lt;/div&gt;
  ..
  .. (lots of other elements like &lt;img, p, h2 etc) 
  ..
  </code></pre>
  
  <p>UPDATE: I was able to set the margin-top to negative to make it appear where I wanted but now it looks like it is floating on top of things. I used display:block but still it seems floating on top of things. I want it to occupy space. </p>
  
  <p>The negative margin does not appear correctly since different screen sizes will have different negative margins and they are displaying at different positions. </p>
  
  <p>Thanks! </p>