[ HTML/CSS ] display

1. float 안쓰고 가로배치 -> inline-block 쓰면 됨
    자기 크기만큼 자리차지함

.menu {
	display: inline-block;
}

    But, 이거쓰면 HTML의 공백을 다 인식해버려서 float이 더 편함..
    style="font-size: 0px" 스타일을 추가하면 공백이 공간을 차지하지 않음.

    And, inline-block 쓴 HTML 태그에 글씨쓰면 레이아웃 이상해짐.
    이땐 "vertical-align: top;" 스타일을 추가해주면 해결되긴 함.
    해결되는 이유는 baseline이 조정되기 때문.

2. display
    display: block -> 한 행을 전부 차지
    display: inline-block -> 내 크기만큼 차지

3. float로 인해 margin등이 제대로 안 먹으면 빈 div 박스를 앞에 하나 만들어서 clear: both만 먼저 적용시킴

<div style="clear: both"></div>