a태그 확장시 block 안먹힐때

 

https://dubaiyu.tistory.com/15

 

나의경우는 a태그안에 추가된 아이콘태그인 <i>때문인지 block을해도 확장이되지않았다.

그 위의 부모요소에 inline-block을 해보니 확장이되었다.

 

CSS

#printPage{
	display: inline-block;
}

#printPage a{
	display: block;
}

 

HTML

		<button type="button" id="printPage" class="button border navy">
			<a onclick="window.open(`/print_judgement/${hidden_judgement_no.value}`,  '_blank', 'location=yes,height=570,width=620,scrollbars=yes,status=yes');">
			<i class="xi-print"></i>&nbsp;인쇄</a>
		</button>