Display, Max-width

◎ Display

- block: start on a new line, take up the full width available

- <div>, <h1>-<h6>, <p>, <form>, <header> etc

- inline: doesn't start on a new line, only takes up as much width as necessary

- <a>, <span>, <img> etc

- display 속성을 바꾸는 것은 해당 요소에만 적용되며, 그 안에 있는 요소들은 적용되지 않음

- display: none > 아예 브라우저에서 공간까지 삭제

- visibility: hidden > 없어지지만 공간은 그대로 남아있음

◎ Max-width

- block 요소의 width를 정해주면 그 안의 내용이 overflow 되는 것을 막는다

- 이때 margin:auto; 를 주게되면 부모 요소의 중앙(horizontally center)에 정렬된다