Width, Margin and Padding

Exercise:

Create a web page with three different sections: header, main content, and footer. Use CSS to style each section with different widths, margins, and padding.

Requirements:

  • The header should have a width of 200px, a top margin of 50px, and a bottom padding of 20px.
  • The main content should have a width of 600px, a left margin of 20px, and a right margin of 20px.
  • The footer should have a width of 100px, a bottom margin of 50px, and a top padding of 20px.

See the solution after you give it a try yourself