HTML 문서를 태그를 이용하여 작성하면서 글이 흘러가며 각 글, 즉 태그들은 각각의 크기를 가집니다. 가변적인 크기일 수도 있고 고정적 크기일 수도 있습니다. 하지만 그걸 떠나서, 태그가 박스 형태의 사각 영역을 가질수 있느냐 없느냐가 레이아웃을 생각하는데 기본이 됩니다. 우선 예를 봅시다. 애국가 1~4절, 즉 텍스트 내용이 담긴 4개의 박스를 위치를 따로 지정하지 않고 CSS 속성만 가지고 글 흐르듯 배열되어 보이도록 한것입니다. 코드는 아래와 같습니다. 123456789101112131415161718192021222324252627282930313233343536p{ background: #CCC; display: inline; display: inline-block; zoom: 1; width..