How do I align an image and wrap text bottom right?

If you look at https://www.germanglish.org/pages/about/ I'm trying to get the second image (lego girl) to align at the bottom right, with text wrapping around it.

Here's my code so far. I just can't figure out how to get it to move to the bottom.

<img src="/images/about2.jpg" alt="Pretzl Girl" width="200px" style="float:right">

 

Add padding-top:??vh to the floating div.
That 'usually' works. If not, add margin-top:??vh to it.

 

Like this?

<!-- move the pic from where it is -->
<p style="font-size:25px; color:blue">
Was heißt eigentlich "Germanglish?"
<img src="/images/about2.jpg" alt="Pretzl Girl" style="float:right" width="200px">
</p>

Code (markup):

Not necessarily the best solution, but it works given the starting point.

BTW, those style attributes belong in the style sheet, not in the html.

gary

 

Here is the solution:

By using this code you can align the image to right and text will wrap around it.

<img src="/images/about2.jpg" alt="Pretzl Girl" style="float:right; margin-left:15px;" width="200px">
<p>and your text goes here</p>