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