그럼 먼저 Inline 요소의 혈액형을 가진 <span> 태그의 특징을 살펴볼까요? <span> 태그는 Inline 요소의 특징을 가지므로 줄 바꿈 현상이 나타나지 않습니다. 또한 width, height, margin-top, margin-bottom 속성이 적용되지 않습니다.

예제 소스 Exercise/8장/1_display/index01.html

<span>Inline -> Block</span>
<span>Inline -> Block</span>

예제 소스 Exercise/8장/1_display/style01.css

span {
    /* width, height, margin-bottom 속성이 적용되지 않는다. */
    width: 300px;
    height: 300px;
    background-color: yellow;
    margin-bottom: 100px;
}

그림 8-1 <span> 태그는 Inline 요소의 혈액형을 가진다