Live Demo: CSS Center Align Align Text Using Line Height Property

​x
 
<!doctype html>
<html lang="en">
<head>
<title>CSS Center Align Align Text Using Line Height Property</title>
<style>
.lheightdiv{
    width:200px;
    height:200px;
    line-height:200px;
    text-align:center;
    background:#ccc;
    border:1px solid #000;
}
</style>
</head>
<body>
<h2>CSS Center Align Align Text Using Line Height Property</h2>
<div class="lheightdiv">Vertically Aligned.</div>
</body>
</html>              
​