My goal is to align a div block in relation to the content on the left side, such as an image, while keeping it positioned at the bottom of the div. I prefer achieving this using CSS only, but am open to any method that works effectively.
UPDATE
Here's how the layout should appear with minimal text:
+---------------------+
|+---+Hello world! |
||img| |
|+---+[button] |
+---------------------+
And with a lot of text:
+---------------------+
|+---+Hello world! |
||img|Hello world! |
|+---+Hello world! |
|Hello world! |
|[button] |
+---------------------+
I hope this explanation clarifies what I'm trying to achieve. The button must always remain at the bottom of the page, even if the text extends to cover it. Additionally, the button should be aligned as far to the left as possible without overlapping other elements.