CSS Line Height
The CSS line-height property is used to set the minimum height of line boxes within an element. It controls the space between lines of text.
It determines the amount of space above and below inline elements, allowing you to adjust the height of a line separately from the font size.
CSS Line-Height Values
The CSS line-height property controls the space between lines of text. Here
are some values you can use with it:
CSS Line-Height Values Example
<!DOCTYPE
html>
<html>
<head>
<style>
h3.small size {
line-height:
70%;
}
h3.big size {
line-height:
200%;
}
</style>
</head>
<body>
<h3>
This is a heading with a standard line height.<br>
This is a heading with a standard line height.<br>
The default line height in most browsers is about 110% to
120%.<br>
</h3>
<h3 class="small size">
This is a heading with a smaller line height.<br>
This is a heading with a smaller line height.<br>
This is a heading with a smaller line height.<br>
This is a heading with a smaller line height.<br>
</h3>
<h3 class="big size">
This is a heading with a bigger line height.<br>
This is a heading with a bigger line height.<br>
This is a heading with a bigger line height.<br>
This is a heading with a bigger line height.<br>
</h3>
</body>
</html>
