должен решить проблему.

му я пытаюсь позиционировать свой псевдоэлемент с абсолютным положением, но вместо этого он действует так, как если бы его родитель был чем-то другим.

<!DOCTYPE html>
<html>
<head>
<style>
p::after { 
content: " - Remember this";
position: absolute;
top: 0;
}
</style>
</head>
<body>

<div style="position: absolute; top: 50px; left: 50px; border: 1px solid 
black;">
<p>My name is Donald</p>
<p>I live in Ducksburg</p>

<p><b>Note:</b> For this selector to work in IE8, a DOCTYPE must be declared, 
and you must use the old, single-colon CSS2 syntax (:after instead of 
::after).</p>
</div>

</body>
</html>

Я получил это от w3school + немного редактирования, потому что мне нужно было убедиться, что это вызвано не только моим html.

я хочу, чтобы псевдоэлементы использовали тег p в качестве родителя, а не div

Ответы на вопрос(2)

Ваш ответ на вопрос