Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

SEO-продвижение сайта в ТОП поисковых систем. Рост позиций в первый месяц. Закажите услугу в Lion Digital. Ваш надежный партнер в интернет-маркетинге.

от 25000 

Настройка и сопровождение рекламного кабинета во Вконтакте.

от 14000 

Написание постов, ведение соц сетей Ваших компаний. Формирование имиджа и контента.

от 22900 

Как сделать чтобы текст обтекал картинку css

Чтобы сделать так, чтобы текст обтекал картинку в CSS, можно использовать свойство float, которое выравнивает элемент по левому или правому краю, и свойство margin для установки отступов.

  1. Создайте контейнер, в котором будет расположен текст и картинка:
<div>
  <img src="image.jpg" alt="Изображение">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer in urna vel ex malesuada sagittis non id nulla.</p>
</div>
  1. В CSS добавьте стили для картинки:
img {
  float: left;
  margin-right: 20px;
}

Здесь мы используем свойство float: left, чтобы выровнять картинку по левому краю и свойство margin-right для создания отступа между картинкой и текстом.

  1. Добавьте стили для контейнера, чтобы обеспечить правильное расположение текста:
div {
  overflow: hidden; /* предотвращает обтекание других элементов */
}

Здесь мы используем свойство overflow: hidden, чтобы предотвратить обтекание других элементов и обеспечить правильное позиционирование контейнера.

Если вы хотите выровнять картинку по правому краю, используйте свойство float: right вместо float: left.

Обратите внимание, что для правильного обтекания элементов, контейнер должен иметь достаточную ширину для расположения изображения и текста рядом друг с другом.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.