Intro to Box Model

In CSS, the term "box model" is used when talking about design and layout. The CSS box model is essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content. Here are some basic examples below.

I am a paragraph. A short one.

• Item One
• Item Two
• Item Three

I am another paragraph. Some of the words have been wrapped in a span element.