Как я могу центрировать пары строк текста по вертикали?

Question

Я пытаюсь отцентрировать 3 строки текста по вертикали на этом примере, с которым я играю

http://thejit.org/static/v20/Jit/Examples/Treemap/example1.html#

Но я заметил, что не могу использовать line-height или height в этой ситуации. Есть ли другой способ вертикального центрирования без использования высоты или высоты линии?

// этот код ниже не работает

.node {line-height:8em;}
.node p {display:inline;display:inline-table;display:inline-block;
            vertical-align:middle;}

Answer 1

Вы можете попробовать display:table и vertical-align:middle

Итак, это было бы что-то вроде

.node{
    display:table;
}

.node p{
    display:table-cell;
    vertical-align:middle;
}

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