title: give space above and below a DIV
body: <p>I want to give a DIV space above and under its content.</p>
  
  <p>How can I do this using CSS?</p>
  
  <p>my DIV code is:</p>
  
  <pre><code>&lt;div class="input"&gt;
      &lt;label for="pseudo"&gt;choisir un pseudo*:&lt;/label&gt;
      &lt;br&gt;
      &lt;input type="text" name="pseudo"&gt;
  &lt;/div&gt;
  </code></pre>