CSS line-height property example at PNLdev

Run
<!DOCTYPE html>
<html>
<head>
<style>
div.a {
    line-height: normal;
}
div.b {
    line-height: 1.6;
}
div.c {
    line-height: 80%;
}
div.d {
    line-height: 200%;
}
</style>
</head>
<body>
    <h1>line-height property example</h1>
    <h2>line-height: normal (default):</h2>
    <div class="a">This is a paragraph with a standard line-height.<br>
    The standard line height in most browsers is about 110% to 120%.</div>
    <h2>line-height: 1.6 (recommended):</h2>
    <div class="b">This is a paragraph with the recommended line-height.<br>
    The line height is here set to 1.6. This is a unitless value;<br>
    meaning that the line height will be relative to the font size.</div>
    <h2>line-height: 80%:</h2>
    <div class="c">This is a paragraph with a smaller line-height.<br>
    The line height is here set to 80%.</div>
    <h2>line-height: 200%:</h2>
    <div class="d">This is a paragraph with a bigger line-height.<br>
    The line height is here set to 200%.</div>
</body>
</html>