Click to See Complete Forum and Search --> : [RESOLVED] List Spacing


Dazed&Confused!
03-19-2006, 07:02 PM
Hi,

Im making a web page for a company intranet and Im having a slight problem with a list....

The page contains a big list of instructions on how to complete a task. The problem is that the company intranet pages all run from a standard Stylesheet, which specifies the font size as 70%. Unfortunately the space between lines (and consequently list items) is also 70% and so its hard to read the page.

I can't change the font size, as I have to maintain the continuity between this page and other intranet pages.

Does anyone know of a way in which i can pad the list items, so that each item is seperated by a small gap (say 3 pixels), if thats possible it should make the list easier to read!

Cheers,

Paul

pcthug
03-19-2006, 07:09 PM
Try adding the following to your code:

li {padding: 3px 0} /* will apply a 3px padding above and below the list item */

Dazed&Confused!
03-19-2006, 07:13 PM
Perfect!

Thanks for the help