Аватары горизонтально.

[econaft]

Нужно чтобы баннеры под аватаром располагались таким образом:



В extra.less вставляю:

.userBanner {
    width: 100px;
    display: inline-block;
    float:left;
}

Всё работает, но тогда инфа снизу типа фразы: "регистрация, сообщения..." тоже обтекают div слева. Каша получается.
Подскажите как сделать, чтобы инфа внизу оставалась? Что добавить в стиль?

 

[Mirovinger]

Будет демо, будет подсказка, воспросизводить нет времени и желания.

 

[grisha2217]

блок userBanner надо обернуть в еще один блок

<div class="userBannerGroup">
   // баннеры
</div>

//остальная инфа

 

[GeorG]

.userBanner {
    width: 100px;
    display: inline-block;
    float:left;
}

Это так не работает. Не используются плавающие элементы со строчными...

инфа снизу типа фразы: "регистрация, сообщения..." тоже обтекают div слева.

.message-userExtras {
    clear: left;
}

 

[econaft]

GeorG, спасибо, вопрос решён.