Для расположения текста справа от картинки в 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, чтобы убрать отступы по умолчанию.
