html 요소 사이의 공백 제거하기

html 파일에서는 줄바꿈도 화면에 반영됩니다.
따라서 이런 현상을 볼 수 있습니다.

드래그 하면 중간에 뭐가 존재한다는 게 너무 거슬립니다. 😨

저걸 제거하려면 아래처럼 font-size를 0으로 만들어줍니다.

.tech {
    font-size: 0;
}

상당히 쾌적합니다. 😊

+ 결론

• css 파일에서 reset 코드를 작성할 때, font-size도 0으로 초기화해주는 게 좋겠다.
• 아래처럼 초기화해주면 글이 필요할 때 전부 font-size=1rem 처럼 작성해줘야 한다. 아니면 다 안보인다.

body, div, p, h1, hr, h2 {
	margin: 0;
	padding: 0;
    font-size: 0;
}