Web-Development-Tutorials Home

Web Development Tutorials
HTML Tutorials
CSS Tutorials
Javascript Tutorials
PHP Tutorials

Web-Development-Tutorials.com

Web Development Tutorials and Resources for Web Developers
from Beginners to Professionals

CSS Dimensions Tutorial

CSS allows you to control the height and width 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.small
{
line-height: 0.5cm;
}
p.big
{
line-height: 1cm;
}

</style>
</head>

<body>
<p class="small">
This paragraph has a line height of 0.5cm. This paragraph has a line height of 0.5cm. This paragraph has a line height of 0.5cm. This paragraph has a line height of 0.5cm. This paragraph has a line height of 0.5cm. This paragraph has a line height of 0.5cm.
</p>
<p class="big">
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>
</body>
</html>

To view what this code looks like, click on CSS Line Spacing Example

Web Development Resources

Free Hit Counters
Free Music and
Online Radio Stations

Free SEO Tools
Free Page Rank Checker
Free Back Link Checker
Free Google Banned Checker
Free Keyword Density Checker
Free Link Popularity Checker
Free Search Engine Keyword Position Checker
Free Search Engines Lisitings Preview
Free Link Extractor
Free Source Code Viewer
Free Domain Tools
Free Domain Name Availability Tool
Free Domain Whois Lookup
Free Ping Test
Free Reverse/IP Lookup
Misc Free Web Development Resources View Web Browser Details