Это самый обычный параграф. Таких параграфов можно найти огромное количество в Интернете. Они попадаются просто на каждом шагу.
Это тоже самый обычный параграф, но в нем указано смещение относительно своего нормального положения внутри охватывающего его блока на 10 процентов { position: relative; left: 10%; width: 80%; }.
В этом параграфе указана абсолютная позиция внутри охватывающего его блока { position: absolute; left: 5em; top: 200px; width: 50%; }.
Наконец, для этого параграфа указано его фиксированное положение на странице. Здесь уже никакие охватывающие блоки не играют никакой роли { position: fixed; left: 100px; top: 300px; width: 50%; }