<!DOCTYPE html>
<html>

<head>
  <title>height and width properties</title>
  <style>
    body {
        color:#000000;
        background-color:#ffffff;
        font-family:arial, verdana, sans-serif; 
        font-size:12px;}

    p {
        width:200px; 
        padding:5px; margin:10px;
        border-style:solid; border-color:#000000; border-width:2px;}

    p.one {
        line-height:16px;}

    p.two {
        line-height:28px;}
  </style>
</head>

<body>
<h1>line-height Property</h1>
<p>The text in this paragraph does not have a line-height property. The text in this paragraph does not have a line-height property. The text in this paragraph does not have a line-height property. </p>
<p class="one">The text in this paragraph has a line-height of 16px. The text in this paragraph has a line-height of 16px. The text in this paragraph has a line-height of 16px. The text in this paragraph has a line-height of 16px.</p>
<p class="two">The text in this paragraph has a line-height of 28px. The text in this paragraph has a line-height of 28px. The text in this paragraph has a line-height of 28px. The text in this paragraph has a line-height of 28px. </p>
</body>
</html>