<div>
    연속  띄어쓰기    무시됨
    줄
  
    바꿈
  
  
    무시됨  
    텍스트가 부모 요소의 가로폭을 넘어가면 줄바꿈 일어남
</div>
div:nth-of-type(1) {
  white-space: normal;
}

div {
  width: 200px;
  border: 2px solid blue;
}

body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  font-size: 1.5rem;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.