title: Vertically align text to the bottom of the box?
body: <p>I made box and I set line-height, the text is automatically vertically center. Is there a way or any kind of trick to set the text on the bottom of the box?</p>
  
  <pre><code>div {
      width: 100px;
      height: 100px;
      background: #eee;
      color: #333;
      text-align: center;
      line-height: 100px;
      vertical-align: text-bottom;
   }
  
  &lt;div&gt;FoxRox&lt;/div&gt;
  </code></pre>