Как сделать «динамический» отступ блока?

Question

[Григорий]

Примерно такая структура:

<div>
    <div>
        <span></span>
        <span></span>
    </div>
</div>

Или вот, лучше посмотрите картинку:
Тегов span может быть 5, тогда один из них опускается ниже, и лейблы снизу выглядят ровно с иконкой сообщений. Но когда их меньше 2, то они находятся слишком высоко. Если сделать отступ, то затем, когда тегов больше 4, все ползет вниз.

Я делал самый первый div с height:auto;. Тогда все работает, но у меня рушится вся сетка, потому что один блок делается ваше других. Вопрос: что делать в таком случае? Заранее благодарен.

UPD: Полный код со стилями. Возможно некоторые стили лишние, я скопировал со страницы проекта.
UPD 2: Проблема решена. Совсем забыл, что у родителя по-умолчанию static, а не relative. Всем спасибо!

Comments

[Григорий]

Прошу прощения, если не понятно. Выложу код.

Answer 1

[Юрий Лобанов]

Интересно, как Вас окружающие понимают?
Несмотря на стиль изложения, я понимаю, в чем у Вас проблема. Решить можно разными способами, все зависит от вводных. Вот один вариант, разметка Ваша, но стили Вы не потрудились привести.
codepen.io/iiil/pen/KhEiL

Comments

[Григорий]

Спасибо, рад, что вам удалось меня понять. Так получилось. Я тоже пробовал сделать с абсолютным позиционированием, но совсем забыл, что у родителя по-умолчанию static, а не relative.

Answer 2

[animhotep]

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

Answer 3

[Денис Инешин]

Покажите картинки до, после и что хочется в итоге.

Answer 4

[exmmo]

Тупой вариант: табличная верстка. делаете однострочную таблицу и в каждой ячейке кнопки.

Answer 5

[Lisonok]

Было бы неплохо увидеть больше кода, а так попробуйте ячейкам добавить
vertical-align: top;