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
fusiongirl
11,645 PointsWhat is the default size of h1,h2,...,h6?
What is the default size of h1,h2,...,h6?
5 Answers
Steven Parker
229,644 PointsThe actual size depends on the browser, but here are some approximations:
H1 32px
H2 24px
H3 18px
H4 16px
H5 13px
H6 10px
Matthew Perry
106 PointsHeadings provide some SEO benefits when search engines browse your website for content. Since they are common tags, browsers can easily see what is the most important content based off of hierarchy (h1, h2, ... h6, p)
Parth Gada
8,484 PointsH1 32px
H2 24px
H3 18px
H4 16px
H5 13px
H6 10px
fusiongirl
11,645 PointsThanks all!
Damian Toczek
4,471 PointsSize of headings is defined by the browser itself. Some browsers make it bigger other make it smaller.
Steven Parker
229,644 PointsThat's exactly what I meant when I said, "The actual size depends on the browser,"
Nicholas Johnson
12,945 PointsNicholas Johnson
12,945 PointsI thought it was CSS that determines how text displays? Why is HTML controlling this, too? It seems redundant and like it could cause confusion.
Steven Parker
229,644 PointsSteven Parker
229,644 PointsYou're right, these sizes can all be changed in CSS. These are just typical defaults if you dont set them.