CSS provides the position property that specifies how an element should appear in the document. This property is helpful when you want to position elements in the DOM outside of normal flow.

This blog post covers the position property with the top, right, bottom, left, and z-index properties that determine the final position of an element.

• Since this property has a notorious tendency to be misunderstood, let's try to figure out this property together!
• This blog post assumes that you are familiar with the syntax and basics of HMTL and CSS.

Find the demo for Flex container properties demo here

Find the demo code here