Get your own website Result Size: 625 x 565
x
 
<!DOCTYPE html>
<html>
<head>
<style>
div.a {
  line-height: 0.5;
}
div.b {
  line-height: 1.6;
}
div.c {
  line-height: 2;
}
</style>
</head>
<body>
<h1>The line-height Property</h1>
<p>Here we set the line height to a number. The number will be multiplied with the current font-size to set the line height.</p>
<h2>line-height: 0.5:</h2>
<div class="a">This is a paragraph with a specified line-height.<br>
The line height is here set to 0.5.</div>
<h2>line-height: 1.6:</h2>
<div class="b">This is a paragraph with the recommended line-height.<br>
The line height is here set to 1.6.</div>
<h2>line-height: 2:</h2>
<div class="c">This is a paragraph with a specified line-height.<br>
The line height is here set to 2.</div>
</body>
</html>