CSS: Center Aligning Text Vertically

The easiest way to center text vertically using CSS is to set the line-height to the same size as the container's height.

Example

//Add this to your STYLE tag or external CSS file
div#header {
height: 100px;
line-height: 100px;
}

<div id="header">
My text
</div>


UPDATE: Also see

• CSS: Center Aligning Text Vertically - Method 2
• CSS: Center Aligning Text Vertically - Method 3