■ html div 태그를 사용하는 가장 큰 목적은 여러 개의 콘텐츠를 묶어서 시각적인 효과를 주기 위해서라고 해도 과언이 아닌데요. 즉 어지럽게 흐트러질 수 있는 요소들을 하나로 묶어주는 역할을 하고 그것들의 위치 및 각종 효과를 주기 위해서 사용하는 경우가 많습니다. 이번 글에서는 div 태그 안에 요소(그림, 텍스트)를 넣어서 몇 가지 효과를 주는 과정을 정리해보도록 하겠습니다. ■ 예제를 하나 만들어봤는데요. 단순하게 본문에 그림 하나와 텍스트를 입력해봤습니다. ■ 이렇게 출력이 되겠죠? 이제 이 두 요소를 묶어서 몇 가지 효과를 만들어 보겠습니다. ■ 이미지와 텍스트를 div 태그로 묶었구요. CSS에서 몇 가지 효과를 줘봤습니다. div의 가로 폭을 400px로 고정했구요. 테두리(border..