Stuck on a 'line height' question

line heght, kerning, line spacing

[roachy]

Hello,
I have been trying to decrease the amount of space vertically(kerning)between 2 words (1 link) in my nav bar to group the 2 words so they seem like one link and not 2. I can't seem to find the right code or way to use the code correctly. I have tried 'line height' in various ways with no success.

CSS code I have:

<a href="annual_reports.htm" class="menulinks" target="infoFrame">Prospective HPL<br>members<br>

- so I basically need the words 'Prospective HPL' over the word 'members' but closer together than the others links above and below to group them.
Hope this all makes sense and would greatly appreciate any help on this!

Roachy

[tedster]

Welcome to the forums, roachy.

Line-height is the setting that moves separate lines of type closer together. You can set it using an absolute unit like px, or with percentges. Line-height will also affect the amount of space above the first line, moving it up the page slightly if it goes below 100% and down the page as it goes above 100%.

You may also need to wrap your anchor tags (which are inline elements) inside a block level element, such as <li>, <p>, or <div>. Then set margin-top and margin-bottom on the block level item to move the separate anchors further apart.

And just FYI, kerning is analogous to letter-spacing - horizontal space between letters. Line-height is analogous to "leading" - pronounced ledding - or vertical space between lines of type.

[edited by: tedster at 7:55 pm (utc) on April 8, 2004]

[roachy]

Thank you for your reply,
Okay, so it works great within </p> now ,but it pushes out the other menu links by one space, above and below it.

Roachy
PS- riiight, about the kerning thing. I think knew that;)