Line Spacing

You can also specify the space between lines in a paragraph, or a block of text:

HTML file: Displayed by browser:
<style>
p.small {
    line-height: 70%;
    color:red;
}
p.big {
    line-height: 200%;
    color:blue;
}
</style>
<body>
<p>
This is a paragraph with a standard line-height.
<br />The default line height in most browsers is about 110% to 120%.
</p>

<p class="small">
This is a paragraph with a smaller line-height.
<br />This is a paragraph with a smaller line-height.
</p>

<p class="big">
This is a paragraph with a bigger line-height.
<br />This is a paragraph with a bigger line-height.
</p>
</body>

This is a paragraph with a standard line-height.
The default line height in most browsers is about 110% to 120%.

This is a paragraph with a smaller line-height.
This is a paragraph with a smaller line-height.

This is a paragraph with a bigger line-height.
This is a paragraph with a bigger line-height.


Back buttonTable of ContentsNext button