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

Lion Digital Agency

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

теги:

Категории

Рубрики

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

от 25000 

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

от 14000 

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

от 22900 

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

Поделиться:

Комментарии

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

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

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

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

Меню

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

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