Easing layout with CSS ::before and ::after

We don't use ::before and ::after much. But with these use cases, they are pretty handy.

I created this pen on CodePen to visualize them.

https://codepen.io/thethmuu/pen/abKQwpX