In order to make complex layouts, we need to talk about the position property. By default, an element doesn't have a specific position.

If we set the position to relative, we position the element relative to its normal position.

<html>
 <head><style>.box {background: #44accf;width: 200px;height: 200px;position: relative;left: 20px;}</style>
</head><body><div class="box"></div></body></html>
]]>

Great! We can adjust relatively-positioned elements with top, right, bottom and left, which are called offset properties.

As it turns out, static is the default value that positions an element according to the normal flow.