This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Font-size of h1 is shown different (36px vs. 24px), when it is part of HTML-element "main" or "section"

more options

My HTML-file contains the following code: ... <main>

<h1>Headline</h1>
Some Text

... </main>

When I change "main" to "section", the font-size changes from 36px to 24px (this is reported by webdevelopper), but only for "Headline", for "Some Text" font-size remains unchanged. In CSS I have "body {font-size1: 1.1em;}", no other rules for font-size.

Can You explain this and/or give help? Thanks Andreas

My HTML-file contains the following code: ... &lt;main&gt; &lt;h1&gt;Headline&lt;/h1&gt; Some Text ... &lt;/main&gt; When I change "main" to "section", the font-size changes from 36px to 24px (this is reported by webdevelopper), but only for "Headline", for "Some Text" font-size remains unchanged. In CSS I have "body {font-size1: 1.1em;}", no other rules for font-size. Can You explain this and/or give help? Thanks Andreas

Modified by cor-el

All Replies (3)

more options

I see some font-size rules in the default builtin html.css file.

  • view-source:resource://gre-resources/html.css
more options

Thanks for prompt answer. The link is somewhat helpful. I don't understand the rules completely, but I suppose, there are modifications along with the new version 63.0.1, which cause what I see in my webpage. So, it is as it is.

more options

Can you provide a link to an example page demonstrating this problem?