Float a Div to bottom-right corner of a div
<p>I'm having a lot of trouble finding a solution for floating an element to the bottom-right of a div. </p>

<p>It's dynamically aligned (both the div and the button). I need text to be able to wrap around the button, and the button to stick to the bottom right corner of a div. </p>

<p>I'm looking for anything, be it pure CSS or with some Javascript mixed in to get this functionality. </p>

<p>Basically: </p>

<p><code>
    &lt;div class='container'&gt;
        &lt;p class='text-left'&gt;Dynamic text area&lt;/p&gt;
        &lt;a class='btn'&gt;Click Here!&lt;/a&gt;
    &lt;/div&gt;
</code></p>

<p>I need the .btn (also dynamic, may be one to three lines of text in it, width is set to 110px) to be floated to the right and sit on the bottom, and the text to wrap around the button (which throws absolute/fixed positioning out the window). </p>

<p>This has been marked as a duplicate, but there is no answer in that question that specifically solves this problem, as they all assume a fixed height.</p>