Two Column Layout Vertical Menu Tutorial
Add CSS Styling for Page Heading
Section 1 Lesson 5
Two Column Layout Vertical Menu Tutorial
Add CSS Styling for Page Heading
Section 1 Lesson 5
In this lesson you set the CSS layout and default styling the page container div element.
Step 1: Add styling for h1, h2 and h3 elements.
Add lines 3-12 to the end of the site.css file in your practice folder, then save.
These element selectors share the same base properties.
There are no changes in the index.html file from the last lesson. The lines that are impacted by the CSS changes are highlighted.
Completed Step 1
Step 2: Add header element CSS selector and properties.
Add lines 21-28 to the end of the site.css file in your practice folder, then save.
The header is an semantic element added with HTML5.
There are no changes in the index.html file from the last step. The line that is impacted by the CSS changes is highlighted.
Completed Lesson
© 2026 Alonzo Hosford