1D0-610 · Question #20
You are developing a Web site in HTML5. You want the new HTML5 structural elements (such as <header> or <article>) to be styled consistently in all browsers. You must add a CSS rule that will change…
The correct answer is D. Block. HTML5 semantic elements like <header>, <article>, and <section> are unknown to older browsers, which treat unrecognized elements as inline by default - meaning they won't respect width, margin, or layout properties the way structural containers should. Adding display: block to…
Question
You are developing a Web site in HTML5. You want the new HTML5 structural elements (such as <header> or <article>) to be styled consistently in all browsers. You must add a CSS rule that will change them to which element type, to ensure the site will render successfully?
Options
- AInline
- BScript
- CFixed
- DBlock
How the community answered
(29 responses)- A7% (2)
- B21% (6)
- C3% (1)
- D69% (20)
Explanation
HTML5 semantic elements like <header>, <article>, and <section> are unknown to older browsers, which treat unrecognized elements as inline by default - meaning they won't respect width, margin, or layout properties the way structural containers should. Adding display: block to these elements forces all browsers to render them as block-level containers, enabling proper layout and styling. Options A (inline) is actually the problem you're solving, not the fix - it's the default broken behavior in legacy browsers. Option B (script) is irrelevant; script elements are for JavaScript execution, not layout. Option C (fixed) is a positioning value (position: fixed), not a display type, and doesn't address the issue.
Memory tip: Think "blocks build structure" - structural/semantic HTML5 elements should behave like <div>, which is the classic block element. The CSS fix is literally display: block.
Topics
Community Discussion
No community discussion yet for this question.