[CSS-015] 레이아웃 배치(Float활용)

[CSS-015] 레이아웃 배치(Float활용)

 

HTML 화면 레이아웃을 배치할 때, CSS에서 Float 명령어를 이용하여 배치를 할 수 있습니다.

그 방법에 대해서 아래와 같이 소개합니다. 

 

[1] 레이아웃 1

See the Pen CSS-layout01 by wootekken (@wootekken) on CodePen.

 

 

[2] 레이아웃 2

See the Pen CSS-layout02 by wootekken (@wootekken) on CodePen.

 

 

[3] 레이아웃 3

See the Pen CSS-layout03 by wootekken (@wootekken) on CodePen.

 

 

[퀴즈] 레이아웃 4

아래 그림과 같이 레이아웃을 만들어 보세요.

(퀴즈 정답은 아래의 "더보기"에서 확인)

 

See the Pen CSS-layout04 by wootekken (@wootekken) on CodePen.