<p>
    값은 다음과 같은 의미를 갖으며,
    이는 공백 처리 및 줄 바꿈 규칙에 따라 구현됩니다.
    This is some text.      This is some        text.
</p>
CSS 데모: white-space 데모 버튼을 클릭해 보세요!
white-space 속성의 값의 구현을 정리한 표
white-space 속성의 값 Enter Space, Tab 텍스트 자동 줄 바꿈 줄 끝의 공백
normal 합침 합침 제거
nowrap 합침 합침 아니오 제거
pre 보존 보존 아니오 보존
pre-wrap 보존 보존 걸림
pre-line 보존 합침 제거
break-spaces 보존 보존 자동 줄 바꿈
selector {
    white-space: /* value */
}
<pre style="width:250px; background-color:gold;">
    값은 다음과 같은 의미를 갖으며,
    이는 공백 처리 및 줄 바꿈 규칙에 따라 구현됩니다.
    This is some text.      This is some        text.
</pre>
실제 적용 모습
<textarea style="width:250px; height:120px; background-color:gold;">
    값은 다음과 같은 의미를 갖으며,
    이는 공백 처리 및 줄 바꿈 규칙에 따라 구현됩니다.
    This is some text.      This is some        text.
</textarea>
실제 적용 모습
white-space 속성의 브라우저 호환성
속성
데스크탑 Chrome
Chrome
데스크탑데스크탑 Edge
Edge
데스크탑 Firefox
Firefox
Safari
Safari
white-space

caniuse.com에서 더 자세한 정보를 확인해 보세요.