In order to make more complex layouts, we need to talk about the position property.

By default, an element isn't positioned in any special way. 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.