Align text vertical center in DIV with CSS

by Mr.Phan · Published 24/07/2015 · Updated 18/03/2024

CSS:

#container {
display: table;
}
#inner {
display: table-cell;
vertical-align: middle;
line-height: normal;
}

HTML:

<div id=container><div id=inner>The TEXT here!</div>