Browsers Drop Default Styles for Nested H1s, Developers Urged to Define Styling

Apr 18, 2025
MDN Web Docs
Article image for Browsers Drop Default Styles for Nested H1s, Developers Urged to Define Styling

Summary

Browsers drop default styles for nested h1 elements inside sectioning elements like section, article, nav, and aside, prompting developers to define font-size and margins to avoid unexpected styling and Lighthouse warnings.

Key Points

  • Browsers are removing default UA styles for nested h1 elements inside sectioning elements like section, article, nav, and aside
  • Lighthouse now flags warnings for h1 elements without defined font-size and margins when nested inside sectioning elements
  • Developers should explicitly define font-size and margins for h1 elements to avoid unexpected styling and Lighthouse warnings

Tags

Read Original Article