CSS: how to use the z-index property

Positioning standard two boxes

BOX 1 is located under box 2.
We've positioned box 2 so that it overlaps with box 1.

As you can see BOX 2 is found above box 1.