How can I make an image float or right-align in a Google Colab markdown cell?

Question

To explain the process that is going on in my notebook code, I use markdown text boxes between snippets of code. I would like to use small images to illustrate the text (a diagram often makes text clearer).

I cannot find a way of having those images floating on the right however. I tried adding tags with CSS styling, but Colab seems to be removing those. I tried wrapping things in , but again no luck there.

Answer 1

You can also use the now deprecated align attribute on the image tag. https://html.com/attributes/img-align/