Understanding relative position in css : <p>Following this <a href="https://www.w3schools.com/css/css_positioning.asp" rel="nofollow noreferrer">link</a>.</p>

<p>It states:</p>

<blockquote>
  <p>An element with position: relative; is positioned relative to its normal position.</p>
</blockquote>

<p>How can we define 'normal position'? Is it in context of parent element or overall screen(viewport)?</p>
