html문서에 문자나 이미지 등의 컨텐츠가 위치될 때 다양한 태그들로 둘러싸인다. 이런 태그들은 display 속성이 갖는 속성값(inline, block)에 따라서 컨텐츠의 표시되는 방식에 차이가 생기게 된다. inline 속성값을 디폴트로 갖는 태그는 a태그가 있고 block 속성값을 디폴트로 갖는 태그는 div, p 등의 태그가 있다. 설명에 앞서 이 태그들을 사용한 간단한 예제를 보자. 코드와 결과를 보면 div 태그로 둘러쌓인 내용(block) 앞뒤로 줄바꿈이 되어 있다. block 속성을 가진 태그는 욕심쟁이라서 한 라인 전체를 혼자서 다 쓰는 성질을 갖기 때문이다. 반면에 a 태그는 한 라인 내에서 다른 컨텐츠들과 어울어져 있다. 이런 기본적인 성질 외에도 inline 속성과 block 속성..
