Box Model Example

This box has no margins, no border and no padding. Poor box.

Box 2: this box has 50 px of padding, no border and no margins.

Box3: this box has 50 px of padding, a single line border and no margins.

Box4: this box has 50px of padding, a single line border and 75 px margins.

Box5: Playing with borders

This box has 25 pixels of padding at the top; 100 pixels at the bottom; 150 pixels on the left side and 50 pixles on the right side.

I have 100 pixels of padding on the top and bottom and 5 pixels on the left and right. Can you tell?

This box has 75 pixels of margin all around but no padding. Let's type some more so we can see how this really works. Since there was no padding, there is be no white space around. Here, we have the background-color of the paragraph set to white so it really is white space. The background color of the body is blue!

Now we have all different margins all around but still no padding! Let's type some more around so we can see how this really works. If there was no padding, there would be not white space around. In this case we have the background-color of the paragraph set to white so it really is white space. The background color of the body is blue.

Felis Linnaeu

Species	Cool Facts
Sand cat	Lives far from water	Can kill venomouse snakes
Chinese Mountain Cat	First photo in wild taken in 2007	Before that, only knew of 6 that lives in zoos.
House Cat	First domesticated in 7500 BC in Asia	Ancient Egyptians thought they were gods

Types of borders

I have a solid border	I have a dotted border
I have a dashed border	I have a double border
I have a grooved border	I have a ridge border
I have a inset border	I have a outset border

I have a solid border

I have a dotted border

I have a dashed border

I have a double border

I have a grooved border

I have a ridge border

I have a inset border

I have a outset border