line-height: ***;

Browser
  • IE
  • Cr
  • Sf
  • Fx
  • O

The line-height property specifies the height of a text line.

You can set the distance between lines by using this property.


p {
line-height: 1.5em;
}
Property Value Explanation
line-height number, length, %, or normal the height of a text line

The default is "normal".

line-height: 1.5;
line-height: 1.5em;
line-height: 150%;

Example


<html>
<head>
<title>TAG index</title>

<style type="text/css">

#example { line-height: 200%; }

</style>

</head>
<body>

<p>
This is example text.<br>
some text some text some text some text<br>
some text some text some text some text<br>
some text some text some text some text
</p>

<p id="example">
This is example text.<br>
some text some text some text some text<br>
some text some text some text some text<br>
some text some text some text some text
</p>

</body>
</html>
Output

This is example text.
some text some text some text some text
some text some text some text some text
some text some text some text some text

This is example text.
some text some text some text some text
some text some text some text some text
some text some text some text some text