원래 <span> 태그로는 인라인 태그이므로 display 속성이 자동으로 inline 입니다.
그래서 <span> 태그로 출력되는 것은 항상 다른 요소들과 나란히 출력되지요.
그런데 change() 함수에서 다음과 같이 <span> 태그의 DOM 객체 span의 display 속성을 "block" 으로 바꾸었습니다.
그러므로 이 이후부터 블록 박스가 되고, 블록 박스의 특성상 높이와 너비의 조절이 가능하며 독립된 한 줄의 공간을 차지합니다.
span.style.display = "block"; // 블록 박스로 변경

그래서 아래에 독립적으로 한 줄로 출력됩니다.
display 스타일 속성에 관해서는 5장 초반부를 살펴보세요