Как центрировать элемент по горизонтали и вертикали ⇐ CSS

[Anonymous]

Я пытаюсь центрировать содержимое вкладок по вертикали, но когда я добавляю стиль CSS display:inline-flex, горизонтальное выравнивание текста исчезает.

Как я могу выполнить выравнивание текста по осям x и y для каждой из моих вкладок?

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

* { box-sizing: border-box; }
#leftFrame {
background-color: green;
position: absolute;
left: 0;
right: 60%;
top: 0;
bottom: 0;
}
#leftFrame #tabs {
background-color: red;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 25%;
}
#leftFrame #tabs div {
border: 2px solid black;
position: static;
float: left;
width: 50%;
height: 100%;
text-align: center;
display: inline-flex;
align-items: center;
}

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

first
second

Подробнее здесь: https://stackoverflow.com/questions/194 ... vertically