[CSS] html 화면에 공백 표시(입력한대로 출력하기)

html 코드 작성시 공백은 아무리 많이 입력해서 1개만 표시한다. 그리고 내가 입력한대로 출력하고 싶은 상황이 있다(내가 아니라 사용자) 그럴때 사용할 수 있는 방법은 태그와 css로 조종하는 방법 두개가 있다.

하지만 pre태그를 이용하는 방법은 웹에 적용해놓은 폰트를 깨지게 만들어 사용하지 않고 css로 조종하는 방법을 적어보려고 한다. 바로 white-space 속성을 이용하는 방법이다!

white-space란 여백이라고도 하는데 여백처리를 어떻게 할지 정해주는 것이다. white-space: "pre" // 공백을 코드에 있는 그대로 표시함. 태그처럼 행동함...