Вертикальные средние элементы выравнивания в 3-колоночном макете

Question

Хорошо. Я часами пытался это понять, но не повезло. Вот моя скрипка: http://jsfiddle.net/JE97D/3/.

На этом снимке экрана я хочу вертикально выровнять эти элементы по центру, не прибегая к использованию margin-top. В идеале выравнивание может быть выполнено с использованием высоты строки, но мне не повезло, пытаясь это сделать. Это объясняется тем, что я могу динамически устанавливать, где выравнивать элементы, когда я использую разные высоты контейнера для моего миксина SASS.

Answer 1

Если я правильно понимаю, вы хотите, чтобы все это было посередине.

Если это так, сделайте line-height таким же, как height div.Примерно так:

#date-nav-container  {
    height: 100px;
    line-height:100px;
}

Пример: http://jsfiddle.net/jasongennaro/JE97D/4/

РЕДАКТИРОВАТЬ

Согласно комментарию ...

Сделайте это и (на этой неделе) появится снова.

.smaller{
   margin-top:-40px;
   display:inline-block;
   float:left; 
   line-height:14px; 
}

Обновлено: http://jsfiddle.net/jasongennaro/JE97D/6/

Однако для этого используется margin-top, который, как вы сказали, вы не сделали.не хочу использовать.