title: absolute positioned from the bottom of the div
body: <p>I want to overlap text and imagery using absolute positioning on the text div.</p>
  
  <p>html</p>
  
  <pre><code>&lt;div id="article-txt"&gt;
  &lt;/div&gt;
  
  &lt;div id="article-img"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>#article-txt { 
  min-height: inherit;
  position: absolute;
  bottom: -50px; right: 0;
  }
  
  #article-img { 
  display: block;
  position: relative;
  }
  </code></pre>
  
  <p>I am using <code>bottom: -50px;</code> but that is from the top of the text div. I want it to be applied from the bottom of the text div (its height is dynamic)</p>
  
  <p>EDIT: I want to display text over the image but not all the text. I want it to be partially over the image and partially off (bottom-right with overhang) I want to control it from the bottom so that I can control how much sticks out past the bottom </p>