Run Example

Edit This Code:

<!DOCTYPE html>  
<html>

<head>  
<style>  
p.pixel {
  line-height: 20px;
  color: blue;
}

p.percentage {
  line-height: 70%;
  color: green;
}

p.number {
  line-height: 2;
  color: red;
} 
</style>  
</head>

<body> 
<p class="pixel">  
This is a paragraph using px<br>  
This is a paragraph using px<br>  
This is a paragraph using px<br>
</p>  
<p class="percentage">  
This is a paragraph using percentage<br> 
This is a paragraph using percentage<br> 
This is a paragraph using percentage<br>  
</p>  
<p class="number">  
This is a paragraph using number<br> 
This is a paragraph using number<br> 
This is a paragraph using number<br> 
</p>
</body>

</html>
Result: