CSS - Line Height

Here you learn how to code line height using CSS.

Line height formatting is really used to format line space - the space in between the lines of text on your page. The height of the line is defined in "ems" which is a unit of measure in CSS.

Line Height

External CSS File

This is your external CSS file named "sylesheet.css".


	.linesmall { line-height: 0.9em; } .linebig { line-height: 2.0em; }

PHP Page


	<html> <head> <title>HTML tutorial</title> <link rel=stylesheet type="text/css" href="/stylesheet.css"> </head> <body> <br> <span class="linesmall">Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting.</span><br><br> <span class="linebig">Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting.</span><br><br> </body> </html>

This is how it looks

Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting. Here is content styled with a 0.9 em setting.

Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting. Here is content styled with a 2.0 em setting.