VERTICALLY CENTER ALIGN TEXT USING LINE-HEIGHT

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
      div {
        height: 200px;
        line-height: 200px;
		width: 500px;
		text-align: center;
        border: 3px  solid black;        
      }
    </style>
  </head>
  <body>
    <div>Vertically center align text within div element using line height</div>
  </body>
</html>