본문 바로가기
[개발] Programming/HTML, CSS

[CSS] span 태그 크기 (높이, 너비) 지정하기

by eatyourKimchi 2018. 11. 1.

 

 

Span은 인라인 요쇼라서 너비나 높이가 없음.

 

span 태그의 너비나 높이를 지정하기 위해서는 block-level 요소로 만들어야 한다.

 

아래 예제 스타일에 display:inline-block; 를 추가해주면 된다.

 

1
2
3
4
<span style="display:inline-block; height:20px; width:100px;"> 
  ABC 
</span>
 
cs

 

 

그럼 이제 span 태그도 너비와 높이를 지정할 수 있다.

 

 

 

댓글