Tuesday's Tips -CSS Basics Padding & Margins

I've posted many tutorials on how to create different things for your blog. In each of those tutorials I've mentioned ways that you can customize the object. I've gotten several questions asking for more ways to customize the CSS. So I'm going to start a little series on CSS Basics. Some of the topics will include backgrounds, borders, text styles, links, and more. That way you'll have a better understanding of what CSS codes you can add to customize the tutorials. =)

Padding & Margins Defined
Margin is the space between the item and other items.
Padding is the space between the content of the item and the edge of the item.

Padding & Margins and their placement
They can be placed on any side of the object or all around.
padding:
padding-right:
padding-left:
padding-top:
padding-bottom:


margin:
margin-right:
margin-left:
margin-top:
margin-bottom:


Padding & Margins and their size
They are measured in pixels(px) and can be positive or negative numbers.
20px;
-100px;
7px;

The Big Picture
Finished padding and margin code would look something like this:

padding:15px;
margin-left:30px;
margin-right:3px;

padding:5px;
margin-left:30px;
margin-right:3px;