모든 HTML 요소는 whitespace 가 아무리 많아도 1개로 줄여진다. 하지만 양쪽 whitespace 는 규칙이 좀 다르다. block 요소는 양쪽 모두 0개로 줄여진다. inline 요소는 원래 규칙대로 양쪽 모두 1개까지 줄여진다. 이를 인지하여 Prettier 는 줄바꿈 처리 시 inline 요소의 경우에는 양쪽에 엔터공백이 생기지 않도록 처리한다.
Q) inline 에 원래 엔터 공백이 있었다면? 그건 개발자의 의도라고 생각하고 유지한다.
요소의 CSS display 속성이 변경된 경우 이를 prettier 에도 적용하고 싶다면 <!— display: block —> 등의 주석을 적용하면 예외처리된다.