CODEWITHSUNDEEP
htmlcssheight
Mayank
Mayank

Reputation: 5728

height of text in different browsers

I'm designing a website and using jquery UI majorly for the icons/icon-classes it provides.

While testing in chrome what I see the default height of a span element which wraps some text without padding or border gets a height of 20 px.

I understand it will differ with the type of font and size, the defaults and the browser. Is there anyway I can set height of a text to a given size?

Upvotes: 0

Views: 153

Answers (1)

Clarkey
Clarkey

Reputation: 708

If I understand correctly, it seems your facing this problem because of the way different browsers render fonts.

If you font sizes are influencing their parent elements size, then you may need to rethink how you are using margins and padding's.

EDIT
You could use line-height to try and tame the behavior.

Upvotes: 2

Related Questions