CSS で 疑似要素を用いる before after

CSS で疑似要素を使うことによって、特定の要素の前後に、文字列やアイコンを入れることができるので便利である　

参考サイト

https://saruwakakun.com/html-css/basic/before-after