Relative Sizes and Inheritance

Relative size are relative to parent. Nested div elements with font-size: 85% and margin-left: 50px have properties of:

• 1st div:
  • 85% font size
  • 20px left margin
• 2nd div:
  • 85% × 85% = 72.25% font size
  • 20px + 20px = 40px left margin
• 3rd div:
  • 85% × 85% × 85% = 61.4% font size
  • 20px + 20px + 20px = 60px left margin
• 4th div:
  • 85% × 85% × 85% × 85% = 52.2% font size
  • 20px + 20px + 20px + 20px = 80px left margin