<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color:#E7E9EB;
}
#myDIV {
max-width:300px;
height:300px;
background-color:#FFFFFF;
line-height: 2;
}
#blueDIV {
position:relative;
width:100px;
padding:10px;
background-color:lightblue;
left: 50px;
}
</style>
</head>
<body>
<h1>The line-height property</h1>
<div id="myDIV">
This example demonstrates the line-height property.
You can change the line height in the code view, and see the reuslt in the result view.
This text is where you will see the result of the selected line-height property.
</div>
</body>
</html>