Align text vertical center in DIV with CSS

by Mr.Phan · Published 24/07/2015 · Updated 21/08/2016

CSS:

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

#container {

display: table;

}

#inner {

display: table-cell;

vertical-align: middle;

line-height: normal;

}

HTML:

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

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