스팬 태그 style_HTML/Xhtml_웹 페이지 제작을 위한 너비 속성 설정 방법

너비 속성을 스팬 태그 스타일에 직접 설정하면 아무런 효과가 없다는 것을 알 수 있습니다.

display:block을 설정하면 width 속성이 적용되지만 이때의 Span은 div와 동일합니다.
display:inline-block이 설정되면 범위가 같은 행에 나열되고 너비 속성이 적용됩니다.

요소 표시 속성에 대한 공통 값 설명:

1) 블록: 블록 객체의 기본값입니다. 객체를 강제로 블록 객체로 렌더링하여 객체 뒤에 새 줄을 추가합니다.
2) inline: 인라인 객체의 기본값입니다. 개체를 인라인 개체로 렌더링하여 개체에서 행을 제거합니다.
3) inline-block: 객체를 인라인 객체로 렌더링하지만, 객체의 내용은 블록 객체로 렌더링합니다. 인접한 인라인 개체는 같은 줄에 렌더링됩니다.
4) 비: 숨은 물건. 가시성 속성의 숨겨진 값과 달리 숨겨진 개체를 위한 물리적 공간을 예약하지 않습니다.