Specifying the space between lines in css
By krates | December 31, 2007
This tutorial is going to teach you how to specify space between lines
This tutorial will teach you how to use line height character to specify space between two lines
Create two files one
line.html , style.css
Line.html
<html>
<head>
<link rel=”stylesheet” href=”style.css” />
</head>
<body>
<p class=”less”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In urna diam, interdum vel, varius id, fringilla eget, risus. Nam dui. Fusce sit amet lorem ut nulla tincidunt nonummy. Vivamus vitae ante tristique felis nonummy lobortis. Praesent sodales dui in</p>
<p class=”more”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In urna diam, interdum vel, varius id, fringilla eget, risus. Nam dui. Fusce sit amet lorem ut nulla tincidunt nonummy. Vivamus vitae ante tristique felis nonummy lobortis. Praesent sodales dui in</p>
</body>
</html>
Style.css
p.less {
line-height: 100%;
}
p.more {
line-height: 200%;
}
Thanks
krates
Topics: CSS | No Comments »
Related Links: