1. dispaly

종로구청 이미지에 display:none을 적용하면 이미지가 화면에서 영역까지도 푷션이 안되면서 숨겨진다(스크린리더기가 읽을 수 없음)

2. dispaly: block

display:block는 인라인 요소인 span을 블록요소로 표현하거나 또는 display:none 처리된 요소를 보이게 처리할 때 적용한다

3. dispaly: inline

블록 요소를 인라인 요소로 표현할때는 dispaly:inline으로 적용
  1. 블록 요소인 li를 인라인 요소로:
  2. 블록 요소인 li를 인라인 요소로
  3. 블록 요소인 li를 인라인 요소로

4. dispaly: inline-block

dispaly:inline-block
블록요소를 인라인블록으로 표현하면 가로값은 inline으로 표현되고 여백은 block으로 표현된다.ie8부터 지원됨

#float

1. float:left

이미지를 float:left해서 왼쪽으로 배치하면 부모요소는 텍스트만을 자식 요소로 가지게 된다.

2. float:right

이미지를 float:right해서 왼쪽으로 배치하면 부모요소는 텍스트만을 자식 요소로 가지게 된다.

3. float:none

clear:both/ left/ right

position