Block Display

[oldoc63]

• Some elements are not displayed in the same line as the content around them.
• These are called block-level elements.
• These elements fill the entire width of the page by default, but their width property can also be set.
• Unless otherwise specified, they are the height necessary to accommodate their content.
• Elements that are block-level by default include all levels of heading elements (h1-h6, div, p, footer).

[oldoc63]

• In index.html, add a element at the bottom of the document, right above the closing tag.
• Nothing changed! That’s because the element is empty. Add an <h3> element inside of the footer that says “Thanks for taking our survey!”
• To improve the appearance of the web page, set the height of the footer to 100 pixels in style.css.