Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics (2014) Understanding Values and Units Line Height

Aakash Srivastav
seal-mask
.a{fill-rule:evenodd;}techdegree
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points
Posted by Aakash Srivastav
.a{fill-rule:evenodd;}techdegree
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points

line height

When heading size increases , your line height can decrease. Is it true ? As i saw in the video , when line height of the heading was set to 1.3 em , the line height of heading decreases. Why?

1 Answer

justdave
justdave
31,518 Points
justdave
justdave
31,518 Points

Line height is independent of font size. I think what you are seeing in the video is that initially the line height of the header was 1.5em, so obviously when you set it to 1.3em the line height becomes "shorter". That doesn't affect the size of actual font characters though. Like you saw in the video it's common to set the line height of the header slightly smaller than the body copy. This is purely for aesthetics as it tends to look nicer, and not related to the font-size and line-height properties themselves.