Foundation HTML5 with CSS3

(Steven Felgate) #1

Chapter 4


Head coverage.




You can see how Firefox renders this markup in Figure 4-37, with each descendant heading displayed at a
smaller size, even though they’re all h1 elements.


Figure 4-37. Firefox displays headings in nested sections at progressively smaller sizes


Figure 4-38 shows the same content rendered by Opera 12. Every h1 is the same size because this
version of Opera doesn’t include any special default rules for headings in nested sections. That will
undoubtedly change in a future update to Opera, but the latest version (at the time we write this) still
displays all h1s at the same size.


Figure 4-38. The same markup rendered by Opera 12, with all the headings at the same size

Free download pdf