In the previous section, you learned about absolute positioning, where you specify
position: absolute in a CSS rule in order to position an element relative to the top-left corner of its containing block. As an alternative, you can position an element relative to its normal flow within its surrounding content. That’s called relative positioning. Take a look at the Divine Comedy web page in FIGURE 5.20, where we use relative positioning to move “height of ecstasy” up and “depths of despair” down.