What are div::before and div::after? How do we use them ?

Interesting read, thanks for sharing. So from what I understand here is that the ::before add content before the text within the div while ::after add content after the text . eg

<div> ::before Hello! ::after </div>