HTML5 Browser Support: Define Semantic Elements as Block Elements

Define Semantic Elements as Block Elements

header, section, footer, aside, nav, main, article, figure {
  display: block; 
}

HTML5 defines eight new semantic elements. All these are block-level elements.

To secure correct behavior in older browsers, you can set the CSS display property for these HTML elements to block.

HTML5 Browser Support: Define Semantic Elements as Block Elements — Structure map

Clickable & Draggable!

HTML5 Browser Support: Define Semantic Elements as Block Elements — Related pages: