html 엘리먼트들은 크게 두가지로 구분됩니다.
- 화면 전체를 사용하는 태그 => block element
- 화면의 일부를 차지하는 태그 => inline level element
이번 시간에는 인라인 엘리먼트와 블럭레벨 엘리먼트의 차이점을 다룹니다. 그 과정에서 display라는 중요한 속성에 대해서도 배우게 됩니다.
예제 - inlline-block.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html><html> <head> <meta charset="utf-8"> <style> h1,a{border:1px solid red;} h1{display: inline;} a{display:block;} </style> </head> <body> <h1>Hello world</h1> </body></html> |
