Де розташовуються ::before і ::after у потоці?

Обидва псевдоелементи, ::before і ::after, є дочірніми елементами обраного вузла і типово розташовуються всередині елемента, але поза його основним текстом:

• ::before - вставляється перед контентом елемента
• ::after - після контенту елемента

При цьому вони:

• беруть участь у потоці як звичайні inline-елементи, якщо не змінювати display
• не виводяться без content
• можуть бути перетворені на блоки, абсолютно спозиціоновані тощо, якщо задати відповідні властивості

Підсумок: обидва псевдоелементи перебувають всередині елемента в DOM-потоці, але навколо його основного вмісту: ::before перед ним, ::after після нього.