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

Question

[алексей]

При попытке запихнуть на страницу пару блоков через 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;
}

Comments

[Евгений]

нужно обернуть картинку в блок и к нему применить класс, с картинкой так не получится
или есть такой хак

.clearfix {
  overflow: auto;
}

[алексей]

Евгений: Сработало, спасибо!

Answer 1

[pirojok_yoyo]

Задай на итемс клеарфикс

Comments

[алексей]

Пробовал, тогда вообще что-то непонятное.. Весь блок растягивается не на высоту контента, а бесконечно и уходит за низ экрана..
s41.radikal.ru/i093/1708/46/a6c13ca42849.png