title: how to change <p>'s position inside a <div>?
body: <p>I got a <p> tag inside a :</p>
  
  <pre><code>#in .css file
  div.box {
      width: 50px;
      height: 30px;
  }
  
  #in .html file
  &lt;div class="box"&gt;
      &lt;p&gt;Here&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and it looks like this:</p>
  
  <pre><code>------------
  |          |
  |   Here   |
  |          |
  ------------
  </code></pre>
  
  <p>but I want to put <code>&lt;p&gt;</code> at the bottom of <code>&lt;div&gt;</code>, like this:</p>
  
  <pre><code>------------
  |          |
  |          |
  |   Here   |
  ------------
  </code></pre>
  
  <p>How?</p>