[CSS] ::before/::after 선택자에 줄바꾸기/특수문자 입력하기

CSS에서 ::before 선택자는 선택한 요소의 콘텐츠 앞에 콘텐츠를 삽입합니다. 그리고 ::after 선택자는 선택한 요소의 콘텐츠 뒤에 콘텐츠를 삽입합니다. 예: p::after { content: " - 더 읽기"; } 이 경우 모든 <p> 요소 다음에 ” – 더 읽기”라는 콘텐츠가 추가됩니다. 그러면 ::before, ::after 가상요소 콘텐츠 내에 줄바꾸기(Line-break)는 어떻게 추가할 수 있을까요? 다음과 같은...