Using line-height property with menus

Top Tutorials

New Tutorials

Submit

Login

Register

Tutorial Detail

• Total Hits: 3491

• Average Rating :
  

•  

• Total Votes: 36 votes

• Category: CSS/Basic

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

• Submitted By: Devesh Khanna

• Set as Favorite

Description:

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...

Rating Detail

Stars	Percentage	Total Vote
	16.67%	6
	16.67%	6
	16.67%	6
	16.67%	6
	16.67%	6

Caste Your Vote

Rating	Selection	Guidelines
Poor:		Very disappointing, useless.
Fair:		Below average, disappointing but not useless.
Good:		About average in its class.
Very Good:		Above average for its category.
Excellent:		One of the best Tutorials in its category.

---