I'm using the default CSS settings in Atahualpa and would like to align the text to be anchored to an image's bottom, not top. Something like this. This should not apply for everything, just some specific images. However, I can not figure out how to accomplish this with Atahualpa.

Anybody with ideas how to solve this?

Just follow the example. Create a post, put in the <img..with the class= and then the CSS goes in the CSS inserts section.
Experiment a little.

Thank you for your answer. I have the following in CSS insert:

.post img.top {vertical-align:text-top}
.post img.bottom {vertical-align:text-bottom}

and if I do <img class="bottom"> it works just fine.

However if I want the picture to align to right as well it does not work any more:

<img class="bottom alignright">

Do I need to define a separate class for top+right, top+left, bottom+right, etc?

CSS is new to me and I realise this may not be Atahualpa-specific. Still I thought I'd post here so others like me may learn.

Any element can have multiple CSS that applies to it. Normally the last rule takes precedent. Havine multiple classes allows for multiple sets of rules to be applied.

You need to review that rules the two classes apply to see if they are causing your issue