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: