CSS line-height

christian.dinh's avatar
Published Jul 5, 2021Updated Sep 3, 2021
Contribute to Docs

Set the vertical spacing between lines of text.

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • A full-stack engineer can get a project done from start to finish, back-end to front-end.
    • Includes 51 Courses
    • With Professional Certification
    • Beginner Friendly.
      150 hours

Syntax

line-height: <line-height-value>;

The line-height-value do not accept negative value. The line-height-value can be in any CSS units such as:

  • px
  • rem
  • em
  • %

Example 2

Set the line height on p tag to 10px:

p {
line-height: 10px;
}

All contributors

Contribute to Docs

Learn CSS on Codecademy

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • A full-stack engineer can get a project done from start to finish, back-end to front-end.
    • Includes 51 Courses
    • With Professional Certification
    • Beginner Friendly.
      150 hours