У вас Ленусенька кириллицей. Вот и ругается

Использовать 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. Это уберет обтекание. Надеюсь, помог))

Во-первых, расширение стоит неправильно.
Cascading StyleSheet - CSS.
Во-вторых, подключи CSS на свою HTML страничку с помощью

<link rel="stylesheet" type="text/css" href="lol.css">

Этот код вставляется где-то в head. Например, под мета тегом.
Вот и решение проблемы!