How different types of elements behave

Block level elements:

Default stacking behavior:

This is a block level element which is stacked on another:
This is a block level element which has another block level element above it!

Block level element with a child

This is a block level element INSIDE another block level element

Block level element with a multiple block level children

This is a block level element INSIDE another block level element

So is this one, and it has the other child stacked on top!

Block level element with an inline child

Some of this text is surrounded by an inline element, which is not the same as a block level element.

Inline elements

The following has a series of inline elements; this contains an inline element with a child inline element.