Block-level elements

by Juan Marco

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements -->

<p>This paragraph is a block-level element; its background has been colored to display the paragraph's parent element.</p>
<p>This another paragraph is a block-level element; its background has been colored to display the paragraph's parent element.</p>
<h1>This is a top level heading</h1>
<p>This is a normal paragraph</p>
<div>This is a container element</div>

CSS

p { background-color: #8ABB55; }

h1 { background-color: #8ABB55; }

div { background-color: #8ABB55; }