CSS & HTML - Span 태그 & White-space

Span태그를 사용하여 글을 작성하면 줄바꿈(\n)이 안된다. inline속성이기 때문( 한 줄에 나타내려는 성격이며, 반대는 block으로 공간을 차지하려는 성격. 대표적으로 div태그가 있다 )

 

해결 방법 : span 태그의 display를 block으로 변경

               그래도 안된다면 white-space를 pre로 설정

 

white-space : 요소가 공백 문자를 처리하는 법

 

출처 & 참고 : 

[CSS] display 속성: inline, block, inline-block

white-space - CSS: Cascading Style Sheets | MDN