Question

I have two divs next to each other, one with float: right and the other with float: left. The one on the left contains an image (200x100px) and the div on the right should contain a text. I would like to have the text of the div on the right to start on the bottom left of the div instead of the top left, is that possible somehow?
Thanks

Answer 1

You can make the container position: relative then make a div inside with position: absolute; bottom: 0; left: 0;

<div style="position: relative; height: 300px; width: 300px; background-color: #f00;">
  <div style="position: absolute; bottom: 0; left: 0; right: 0; background-color: #00f;">
    This will be at the bottom!
  </div>
</div>