[HTML] 인라인모드 SPAN 태그 넓이,높이지정=> 블록모드 변경

span태그는 인라인태그이기때문에 넓이,높이 설정이 안되고 안의 내용물에 따라 맞춰진다.

 

블록모드로 변경

<style>
span{background-color: red;
	width:200px;
	display: block;
}
</style>

 

인라인 모드 유지하면서, 넓이 높이 변경하려면 -> 인라인블록 

<style>
span{background-color: red;
	width:200px;
	display: inline-block;
}
</style>

 

옆에 빈부분 없애기 

span{
background-color: red;
	width:200px;
	display: block;
	float: left;
}

조금 더 변경 

<style>
span{
border: 1px solid gray;
	width:200px;
	display: block;
	float: left;
	text-align: center;
}