CSS Line Height
The CSS line-height property is used to define the minimal height of line boxes Inside the element.
CSS line-height properties:
normal: Normal line height.
number: Multiplied with the current font size to fix the line-height.
length: The line height in px, pt,cm,etc.
%: Percent of the current font.
initial: Its default value.
inherit: Its parent element.
Example:
<!DOCTYPE html>
<html>
<head>
<style>
h3.small {
line-height: 70%;
}
h3.big {
line-height: 200%;
}
</style>
</head>
<body>
<h3>
standard line-height.<br>
standard line-height.<br>
The default line height 110% to 120%.<br>
</h3>
<h3 class="small">
smaller line-height.<br>
smaller line-height.<br>
smaller line-height.<br>
smaller line-height.<br>
</h3>
<h3 class="big">
bigger line-height.<br>
bigger line-height.<br>
bigger line-height.<br>
bigger line-height.<br>
</h3>
</body>
</html>
OUTPUT:
