title: How to keep textareas from overlapping
body: <p>I have two textareas</p>
  
  <pre><code>&lt;textarea&gt;Text area 1&lt;/textarea&gt;
  &lt;textarea&gt;Text area 2&lt;/textarea&gt;
  </code></pre>
  
  <p>I want to position themselves ontop of eachother like so:</p>
  
  <p><img src="https://i.stack.imgur.com/njcJZ.png" alt="enter image description here"></p>
  
  <p>However i do not want to use <code>&lt;br&gt;</code>.</p>
  
  <p>Is there another way to do this in CSS?  For example, messing with <code>textarea</code> <code>margin</code> or <code>display</code> properties?</p>
  
  <p>Thanks.</p>