Line Spacing

CSS allows you to control the widthand height of an element, as well as increase the space between two lines, with the use of dimension properties.
 
The following CSS code example shows how to increase the space between lines.
 
<html>
<head>
<style type=”text/css”>
p
{
line-height: 1cm;
}
p.bigSpace
{
line-height: 1.5cm;
}

</style>
</head>

<body>
<p>
This paragraph has a line height of 1cm. This paragraph has a line height of 1cm. This paragraph has a line height of 1cm. This paragraph has a line height of 1cm.  This paragraph has a line height of 1cm.   This paragraph has a line height of 1cm.      
</p>
<p class=”bigSpace”>
This paragraph has a line height of 1.5cm. This paragraph has a line height of 1.5cm. This paragraph has a line height of 1.5cm. This paragraph has a line height of 1.5cm. This paragraph has a line height of 1.5cm. </p>
</body>
</html>

Scroll to Top