Html CSS Display

 

 

1. Inline (텍스트 효과, 내부의 내용에 따라 넓이 높이가 정해진다. 텍스트처럼 여러 테그가 나란히 정렬 된다.)

div {
  display: inline;
}

2. block (블럭효과, 지정한 크기로 넓이 높이가 정해지며 고유영역을 갖는다.)

div {
  display: block;
}

3. inline-block(1번과 2번의 효과를 지닌 스타일.)

div {
  display: inline-block;
}

4. none (가리기효과, 해당 테그를 가린다.)

div {
  display: none;
}