4.4.1 #Style.typography.headings Headings

Toggle example guides Toggle HTML markup

Heading elements <h1> <h6>. All heading elements have their default margins set to 0.

Browser support: IE9+, Safari6+, Firefox30+, Chrome30+

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Markup
<h1>The quick brown fox jumps over the lazy dog</h1>
<h2>The quick brown fox jumps over the lazy dog</h2>
<h3>The quick brown fox jumps over the lazy dog</h3>
<h4>The quick brown fox jumps over the lazy dog</h4>
<h5>The quick brown fox jumps over the lazy dog</h5>
<h6>The quick brown fox jumps over the lazy dog</h6>
Source: elements/_headings.scss, line 5