Как сделать переносимый текст, который не влияет на остальные элементы в блоке?

Question

[Марк Березовский]

У меня есть блок комментария(или сообщения, как вам удобнее), который состоит из аватарки, имени и текста сообщения. Нужно сделать так, чтобы эти элементы вставали в горизонтальный ряд в блоке, но при этом текст сообщения мог спокойно переноситься на новую строку, никак не влияя на другие элементы.
Ниже я привел пример, где выделил блок текста сообщения черным контуром:

Answer 1

[Alex Karo]

Самый простой способ сделать блок в тексте обтекаемым - добавить ему float.
Более продвинутых технологий для этого, по-моему, так и не ввели (например, если нужен не прямоугольный блок или для расположения блока в центре текста).

Comments

[Alex Karo]

Впрочем, нашёл ещё вот такую статейку
https://blog.logrocket.com/creative-text-flows-usi...

[Марк Березовский]

Вам не составит труда указать нужные свойства в родительском элементе, чтобы добиться горизонтального ряда и возможности применения float?

[Alex Karo]

Марк Березовский, Составит
Можете попробовать на codepen (или другом онлайн-редакторе) и скинуть сюда, если не получился - я поправлю.