DAY6) HTML

*display

Inline 요소를 사용하고 block요소의 특성으로 적용

<span>안녕하세요!</span>

span {
  background: red;
  width: 120px;
  height: 80px;
  display: block;
}

-> 다시 inline 요소로 바꿈

span {
  background: red;
  width: 120px;
  height: 80px;
  display: inline;
}

Block 요소를 사용하고 inline요소의 특성으로 적용

<div>안녕하세요!</div>

div {
  background: red;
  width: 120px;
  height: 80px;
  display: inline;
}

display 의 기본 값

div { display: block;}
h1 { display: block;}
p {display: block;}

span 태그의 display 의 기본 값

span { display: inline;}