Как сделать изображение плавающим или выровнять по правому краю в ячейке уценки Google Colab?

Question

Чтобы объяснить процесс, который происходит в коде моего блокнота, я использую текстовые поля уценки между фрагментами кода. Я хотел бы использовать маленькие изображения для иллюстрации текста (диаграмма часто делает текст более четким).

Однако я не могу найти способ, чтобы эти изображения плавали справа. Я пытался добавить теги с помощью CSS-стиля, но Colab, похоже, удаляет их. Я попытался обернуть вещи, но опять не повезло.

Answer 1

Один из вариантов - использовать HTML-ячейку со скрытым кодом, который вызывается наличием заголовка формы. Например, создайте кодовую ячейку с таким содержимым:

#@title Some Stuff
%%html
Here are some words.
<img src="https://www.w3schools.com/html/smiley.gif"
 style="float:right;width:50px;height:50px;">
Here are some other words and there is an image floating around it.

Затем выполните ячейку и дважды щелкните отображаемый заголовок, чтобы скрыть источник. Результат выглядит так:

Answer 2

Вы также можете использовать устаревший атрибут выравнивания на теге изображения. https://html.com/attributes/img-align/