[HTML, CSS] display: (block, inline-block); 정리

display: block; 특징

• 한 줄에 하나씩만 들어간다.
• 자동으로 세로로 정렬된다.
• 너비는 따로 지정하지 않을 경우, 화면 최대치로 설정된다.
• 높이는 따로 지정하지 않을 경우, 폰트 크기에 맞게 설정된다.

display: inline-block; 특징

• 한줄에 여러개씩 들어간다.
• 줄에 공간이 부족할경우 자동으로 아랫줄로 이동하여 정렬된다.
• 너비와 높이 모두 따로 지정하지 않을경우 폰트 크기에 맞게 설정된다.