본문 바로가기

오류일지

[오류일지]6.CSS - ::befor, ::after는 기본적으로 inline이다.

 

 

 

잘못된 예시

내가 저질렀던 오류.

가상요소(::before, ::after)가 기본적으로 display:inline;이라는 사실을 모르고 크기를 지정했다.

 

 

 

 

 

 

정답

 

이렇게 display: block;을 써주고 크기를 지정해주자!

 

 

 

 

+

가상요소 (Pseudo-elements)

::before

::after

 

태그 안 쪽에 들어간다!