CSS Positioning

By default, elements within a page are laid out according to a "normal" flow. This means elements are placed one after the other on the page. This is called "static" positioning. This behaviour can be overridden using other positioning methods.

Positioned Item 1 (top: 10px;)
Positioned Item 2 (top: 10px;)
Positioned Item 3 (top: 10px;)
Positioned Item 4 (top: 10px;)

References

Checkout the MDN docs for a great guide.