예제실습코드

▶ 예제실습코드 1-1 : Box Model
▶ 예제실습코드 1-2 : Block-level Elements
▶ 예제실습코드 1-3 : Inline Elements
▶ 예제실습코드 1-4 : display 속성
▶ 예제실습코드 1-5 : 인라인 요소 사이에 생기는 빈 공간 제거하기 ▶ 예제실습코드 1-6 : float 속성
▶ 예제실습코드 1-7 : float 속성 해제 실습

▶ 레이아웃 실습(1)

• display 속성값을 이용한 코드 : http://jsbin.com/zoqiwup/edit?html,output
• float 속성값을 이용한 코드 : http://jsbin.com/tuvija/edit?html,output

▶ 레이아웃 실습(2)

• display 속성값을 이용한 코드 : http://jsbin.com/berimem/edit?html,output
• float 속성값을 이용한 코드 :
  • http://jsbin.com/womahob/1/edit?html,output
  • http://jsbin.com/zeqoqob/1/edit?html,output