CSS Box Model

Hey, visual learners…is it starting to make sense?

It might look odd, but all the above entails is exactly as the caption states: the CSS box model wraps each HTML element. Text and images appear in the content area, padding contains the area surrounding the content, the border wraps the padding, and the margin is totally invisible…but holds the area around all of the above.

In your code, you can adjust the size, color, exact positioning, and similar elements with the proper code.