<h1>
은 화면 전체를 사용하는 태그 (block level element tag)
<a>
는 자신의 영역만큼 사용하는 태그 (inline element tag)
<style>
<!--block level element(tag) 화면 전체를 쓰는 태그-->
h1 {
border-width: 5px;
border-color: red;
border-style: solid;
}
<!--inline element(tag) 자신의 영역만큼 쓰는 태그-->
a {
border-width: 5px;
border-color: red;
border-style: solid;
}
</style>
<style>
h1 {
border-width: 5px;
border-color: red;
border-style: solid;
display: inline; <!--h1의 기본영역을 inline으로 좁힘-->
}
a {
border-width: 5px;
border-color: red;
border-style: solid;
display: block; <!--a의 기본영역을 화면 전체로 늘림-->
}
</style>
display: block;
display: inline;
display: none;