Using line-height property with menus

Tutorials Shared by the Internet Community


Using line-height property with menus

An article telling how to apply line-height to get pixel precise menus


  • Total Hits - 27530

  • Total Votes - 105 votes

  • Vote Up - 45 votes

  • Vote Down - 60 votes

  • Domain -

  • Category - CSS/Basic

  • Submitted By - Devesh Khanna

  • Submitted on - 2008-03-07 08:25:41


Line-height is a property can help us solve menu problems really elegantly. While often we have to battle with paddings, box model, cross browser compliance, using line-height in combination with some other properties can reduce the need for additional markup and additional css definitions.

Of course there are cases where this usage that I am about to demonstrate can't be applied, but having this trick under your sleeve can be a good thing when you encounter a perfect situation.    More detail...

Broken  |   Tweet  |   Facebook  |     |   Save  |   Liked  |   Down