Question

Basically, I want to be able to specify the height of my “li” element for a horizontal list I’m making. “line-height” and “height” have no impact on the visible height of the “li”. The only thing that changes the height of the “li” is changing the size of the font used within the “li”. This even happens when the “list-style” is set to “none”.

What gives?

Answer 1

Set the li to display: inline-block or float: left.

list-style basically just determines the bullets to be used for the list, and doesn’t really affect the inner elements otherwise.