A web page has a section that contains an element.

Relative positioning in CSS positions an element relative to its normal position. Using position: relative; allows you to adjust the element's position with the top, right, bottom, or left properties.

CSS Relative Positioning:

Syntax:

article {

position: relative;

left: 10px;

}

Description: Moves the element 10 pixels to the right from its normal position.

Example:

Given HTML:

Given CSS:

article {

position: relative;

left: 10px;

}

Explanation: The

element will be positioned 10 pixels to the right of where it would normally appear.

References:

MDN Web Docs - position

W3C CSS Positioned Layout Module Level 3