SkillShare Forum - CSS Beauty - line height not working.

line height not working.

easement — Mon, 17 Apr 2006 15:16:10 -0400

A bunch of changescame through on our company site and one of them is CSS. The way some of the stuff on the site is set up onthe crunk side.

However, this should be a really easy one that I am having issues with.

the spacing betoween the lineson the

hald way down the page is too wide. I tried line-height , but that didnt work.
http://intelli7.com/company/background.php

I even tried to put the line-height temporatily it in the li tag in case it was a specificity thing, but it wasn't.

Any ideas?

line height not working.

Nick Presta — Mon, 17 Apr 2006 16:02:54 -0400

It's kind of funny that your company would want to make a change to CSS but keep the clunky and bloated tables and inline CSS.

Try,

ul.smallDisc li { margin: 0; padding: 0; }

Also, line-height shouldn't have a pixel value. You get different results when you do something like, line-height: 4 and line-height: 4px.

line height not working.

Oscar — Tue, 18 Apr 2006 02:56:21 -0400

You can use pixels on line-height if you wish to - but it's not really commonly used...

Using ems or percentage is more common, and more flexible...

usually 135% is my prefered setting for making easy-to-read text

If by line-height, you mean the space between the LI's, then it's doable with margin and padding :)

in your case, use padding-bottom:whateverpx; on the LI

line height not working.

easement — Tue, 18 Apr 2006 06:00:15 -0400

Each LI is several lines long. they want the space between each line in the LI to match the rest of the page. what would be used to take care of that? Like i said, I tried line height (things like line-height:8px and line-height:.7em), but that didnit' seem to work out.

line height not working.

adjustafresh — Tue, 18 Apr 2006 06:18:35 -0400

As Oscar mentioned, margins and padding are used to separate individual list items. You are correct in looking to the line-height property to space out the multiple lines of text within an LI. Try increasing the number. I typically set my line height like so:


li {
line-height: 1.4;
}

I'd shoot for any number between 1 and 2.

line height not working.

easement — Tue, 18 Apr 2006 06:26:08 -0400

work like a champ. thanks.