title: How to arrange the two divs vertically with a space between them?
body: <pre><code>&lt;div&gt;
    &lt;div&gt;TOP&lt;/div&gt;
    &lt;div&gt;BOTTOM&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>TOP and BOTTOM should be centered and I'd like to have an arbitrary space margin between them. I've seen many answers in SO suggesting to use  <code>margin: 0 auto;</code> . But that (AFAIK) prevents me to set a space between those two divs.</p>