Почему не работает псевдо?

Question

[Максим Иванов]

Почему не работает псевдо?
https://codepen.io/roderen/pen/XWpVBOP

Answer 1

[Михаил]

https://developer.mozilla.org/en-US/docs/Web/CSS/:...

Note: The pseudo-elements generated by ::before and ::after are contained by the element's formatting box, and thus don't apply to replaced elements such as img, or to br elements.