css pseudo element ::after, ::before 안먹을때

우선 당신의 ::after와 ::before가 content를 포함하고 있는지 확인하라.
빈칸이어도 상관 없다.

빈칸이라도 가지고 있다면, width와 height를 주었는지 확인해라, 만약 주었다면, display: inline-block으로 만들어라.
2-1. ::after와 ::before는 기본적으로 display: inline으로 되어 있는 것 같다.
text의 사이즈에 따라서 요소의 크기가 정해지기 때문이다. 그래서 display: inline-block으로 해주면 깔끔하게 잘 된다.