title: How to align a button inside a DIV
body: <p>I'm sure this will be ridiculously simple, but whatever... I'm trying to display a text area with a button to its right, similar to how StackOverflow displays a comment field with button when one clicks the 'Add Comment' link...the problem I'm experiencing is with the button alignment; it appears to align at the top right of its div (see image), I want to align it at the bottom left. I've tried using <code>text-align</code>, <code>align</code>, nothing works to move that pesky button, I used <code>padding-top</code> to move the button down, but <code>padding-right</code> appears to have no effect, but there's got to be a better way than padding.  I need it to be cross-browser compatible as well.</p>
  
  <p><img src="https://i.stack.imgur.com/BHnxo.jpg" alt="enter image description here"></p>
  
  <p>Here is the html/css I'm using...</p>
  
  <pre><code>.newComment {
    position: relative;
    width:475px; 
    background-color:WHITE;
  }
  
  
   &lt;div class='newComment'&gt;
     &lt;div style='float:left;width:375px;'&gt;
       &lt;textarea style='border:1px solid #888;overflow:auto' rows='3' cols='40'&gt;comments &lt;/textarea&gt;
     &lt;/div&gt; 
     &lt;div style='float:left;width:75px;'&gt; 
       &lt;input type='submit' value='Add Comment'/&gt; 
     &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>