NeatCoder's Lab

CSS에서는 많은 방법으로 요소들을 배치시킬 수 있다. HTML은 normal flow상 모든 것들이 위에서 아래로 배치된다. 그렇다면 우리는 어떻게 수평으로 요소들을 정렬 시킬 수 있을까? 그렇게 배치하기 위해서 대표적으로 네가지 방법을 알아보도록 하자. Float를 이용한 수평정렬 본래 Float는 그림을 텍스트들이 감싸게하기 위해서 만들어진 방법이다. 먼저 어떻게 사용하는지 보자. float라는 단어처럼 원래 웹페이지에서 이미지를 어떻게 띄워서 텍스트와 함께 배치할 것인가에 대한 속성이다. inherit : 부모 요소에서 상속한다. left: 왼쪽에 부유하는 블록 박스를 생성, 페이지 내용은 박스 오른쪽에 위치하고 위에서 아래로 흐른다. right: 오른쪽에 부유하는 블록 박스를 생성하고 페이지 내..