VERTICALLY CENTER ALIGN TEXT USING FLEXBOX

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