line-height

line-height

CSS line-height Property

The CSS line-height property is used to specify the amount of space between each new line of text and the height of line breaks. Use this with the word-spacing and letter-spacing properties to really fine tune your font and text rendering for better readability.

CSS CODE EXAMPLE

<style type="text/css">
p.class1 {
    line-height: 2.5em;
}
p.class2 {
    line-height: 50px;
}
p.class3 {
    line-height: 300%;
}
</style>
<p>Here is some content <br /> and more <br /> and more</p>
<hr />
<p class="class1">Here is some content <br /> and more <br /> and more</p>
<hr />
<p class="class2">Here is some content <br /> and more <br /> and more</p>
<hr />
<p class="class3">Here is some content <br /> and more <br /> and more</p>

 

Here is some content
and more
and more

---

Here is some content
and more
and more

---

Here is some content
and more
and more

---

Here is some content
and more
and more

Possible Values:

pixel height •• em height •• percentage height

click here to code. 

Tweet