Block HTML5 Elements

HTML5 is supported in all modern browsers. In addition, all browsers, old and new, automatically handle unrecognized elements as inline elements. Because of this, you can "teach" older browsers to handle "unknown" HTML elements, even IE6 (Windows XP 2001).

To do this, define HTML5 elements as block elements. HTML5 defines eight new semantic HTML elements, (as listed in the style below, inline and separated by commas). All these are block-level elements. To secure correct behavior in older browsers, you can set the CSS display property to block:

<style>
header, section, footer, aside, nav, main, article, figure { display: block; }
</style>

Back button Table of Contents Next button