On the http://steve.brettatkin.com/projects.php when you hover over “Work”, a sub-menu appears. The 4th and 5th links have text that wraps. How do I decrease the line-height so that the second line of the link doesn’t look like a new link?
I’ve tried a combination of margin/padding/line-height on the <li> but it isn’t working.
Remove the
line-heightfrom the<a>inside your<li>s and put it on the<li>s instead, then usemargin-topandmargin-bottomfor the margin between the<li>s and use theline-heightfor theline-heightof single<li>s(making the hover state of the
<a>s there bold also makes the menu jump when hovering cause it no longer always fits on 1 line)