Укладка элементов div по вертикали при использовании display:table, table-row, table-cell ⇐ CSS

[Anonymous]

У меня есть следующий HTML-код:

Код: Выделить всё

Item 1
Button


Item 2


Item 3


Item 4

и соответствующий CSS здесь:

Код: Выделить всё

.menu {
display: table;
}
.menu-item {
display: table-row;
vertical-align: middle;
/*   following properties are for debugging purposes */
background: orange;
outline: solid blue 2px;
height: 40px;
}
.menu-label {
display: table-cell;
vertical-align: middle;
padding: 0 15px;
}
.help {
display: table-cell;
}

Я пытаюсь сделать так, чтобы элемент кнопки отображался под меткой меню Item1, но не могу этого понять.
Я не могу многое изменить Стиль .menu-item, потому что это общий стиль в огромной базе кода (но я мог бы добавить еще один класс). Как я могу добиться этого, используя в основном класс .help?
codepen

Подробнее здесь: https://stackoverflow.com/questions/785 ... table-cell