Using margin and padding

Thu, Nov 18, 2010

Objective

Understand how margin and padding are used

Agenda

  1. Learn about the difference between margin and padding


  2. Learn how to add margins and paddings


  3. Create a new document called "margin-padding.html"

  4. Create four divs and practice changing the margin, padding, borders, and background colors


Rubric

5New file named "margin-padding.html"
3Four divs with different margins and paddings
2Different borders and backgrounds for each div

Video

Example Files