Использовать float.
<img src="<путь-к-картинке>" alt="image">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta unde, quisquam voluptates libero praesentium, asperiores ratione ea deserunt at quaerat animi quo! Mollitia iusto nisi obcaecati alias similique, doloribus, eos.</p>
А в css:
img {
float: left;
}
Так делать - правильно. Свойство
float создает обтекание. Мы указали значение
left, значит картинка будет находиться слева. Можно указать, также, значение
right (полный список значений можно найти в документации свойства). То есть, по сути, текст обтекает картинку справа, а вместе с ним, идущий за ним элемент (остальные элементы, идущие за текстом ведут себя нормально). И, чтобы убрать обтекание следующего элемента ему необходимо присвоить свойство
clear со значением
both. Это уберет обтекание. Надеюсь, помог))
