Как расположить текст справа от картинки CSS

Для расположения текста справа от картинки в CSS можно использовать свойство float. Например:

HTML:

<div class="container">
  <img src="image.jpg" alt="Image">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, diam eget varius ultricies, metus metus luctus velit, vel bibendum mauris lectus vel nisi.</p>
</div>

CSS:

.container {
  width: 100%;
  overflow: hidden;
}

img {
  float: left;
  margin-right: 20px;
}

p {
  margin: 0;
}

В данном примере мы задали контейнеру ширину 100% и свойство overflow: hidden, чтобы избежать проблем с высотой элементов, которые находятся внутри контейнера. Далее мы задали картинке свойство float: left, чтобы она выровнялась по левому краю контейнера и добавили отступ справа, чтобы создать промежуток между картинкой и текстом. Наконец, мы задали параграфу свойство margin: 0, чтобы убрать отступы по умолчанию.