line-height

The line-height property can be set for

block-level element - to define the minimum height for each inline element contained in the block- level element.
in-line element - to define the exact height for that element.

The possible values of the line-height property are.

PropertiesDescription
normalthe default value
<number>represents a multiplier used to determine the actual value
<length>represents the actual value
<percentage>represents a multiplier used to determine the actual value


Note
Notes
Negative values are not allowed
When multipliers are used, the actual value of the line-height is the product of the multiplier and the largest font size.
<length> - must be followed by a unit.


snippet
<html>
<head>
<style>
</style>
</head>
<body>
<form>
<p style="line-height: 300%">This paragraph has line height equal to 300%</p>
<ul style="line-height:0.5mm">
<li>Apple
<li>Orange
<li>Grapes
</ul>
</form>
</body>
</html>