Absolute Position

The position property specifies the positioning method that will be used for a certain element. I can either be Static, Relative, Fixed, Absolute, or Sticky. For this article, we will focus on the Absolute Position. The feature will allow you to create creative and useful use of your elements, as it will allow you to control where you position certain elements. 

Static Position - HTML elements are positioned to be static by default. and they are not affected by the top, bottom, left, and right properties. 

Absolute Position - An element that's positioned as absolute will be positioned relative near to the nearest positioned ancestor element. 

How to set Absolute Position to Elements 

1. Under any element right-click on their handle, or simply click on the element. 
2. Open the Advanced Tab 
3. Go to the Positioning options and choose Absolute from the drop-down menu. 
4. Then, grab the element and position it to the preferred place. 
5. Horizontal Orientation - This will set the reference point for absolute positioning. 
6. Offset - By dragging the handle you can position the element horizontally 
7. Vertical Orientation - This will set the reference point for the absolute positioning 
8. Offset - By dragging the handle you will position the element anywhere vertically.