title: Place text in lower right corner of a button
body: <p>I've been searching for the answer on how to do this for awhile now. Basically is what I want is to place text in the lower right corner of a button. This is what I have so far. I have the text aligned to the right, but it is still in the middle of the button. How can I align it with the bottom as well?</p>
  
  <pre><code>.button{
    height: 50px;
    width: 50px;
    text-align: right;
  }
  </code></pre>