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

Почему clearfix в Wordpress не работает?

При попытке запихнуть на страницу пару блоков через html-редактор Wordpress, столкнулся с проблемой по части обтекания картинки внутри блока текстом. Если использовать стандартный вордпрессовский класс alignleft, в котором прописан float:left, то картинка выпадает из блока и не тянет его под свой размер. Добавление clearfix после картинки не работает, хотя таблица стилей подключена и работает на все остальное. Замена класса alignleft на свой, с прописыванием флоата ничем по результату не отличается. Код в редакторе:

<div class="items">
<img class="clearfix" src="pic.png" width="150" height="150" />
Текст, который должен обтекать картинку справа.
</div>


.clearfix::after {
 content: "";
 display: table;
 clear: both;
}

.items img {
 float: left;
}
  • Вопрос задан
  • 233 просмотра
Подписаться 1 Оценить 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
@pirojok_yoyo
Задай на итемс клеарфикс
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы