title: How to align a label to the "BOTTOM" of a div in CSS?
body: <p>DEMO can be found at:</p>
  
  <p><a href="http://www.bootply.com/VZ7gvA7ndE#" rel="noreferrer">http://www.bootply.com/VZ7gvA7ndE#</a></p>
  
  <p>I set the height of <code>div</code> to 100px and want to show the <code>label</code> at the bottom of the <code>div</code>.  I use </p>
  
  <pre><code>#contain-word-lab {
    vertical-align: bottom;
    margin-bottom: 5px;
  }
  </code></pre>
  
  <p>However, this doesn't work at all. The <code>label</code> still align to the top of the <code>div</code>. </p>
  
  <p>Does anyone have any ideas about this? Why <code>vertical-align</code> doesn't work here? Thanks!</p>