title: CSS Text Align Bottom of Container
body: <p>I have a header which has a large image floated on one side, and a small paragraph of text on the other side.  I want the paragraph to start at the bottom of the header div. If there were 5 lines in the paragraph, I want the last line to be at the bottom of the header.  I'm having trouble getting the paragraph to align itself down there.</p>
  
  <p>I have something like this:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id='header'&gt;
  
       &lt;img id='logo' /&gt;
  
       &lt;p id='quote'&gt;&lt;/p&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>And the CSS is:</p>
  
  <pre class="lang-css prettyprint-override"><code>div#header {
      height: 200px;
  }
  
  div#header img#logo {
      float: left;
  }
  
  p#quote {
      float: left;
  }
  </code></pre>