[TIL] display 속성 : inline, inline-block, block

704 단어 TILCSShtmlCSS

display의 속성 -inline

inline으로 지정된 요소는 줄바꾸무 없이 한 줄에 다른 요소들과 나란히 나타남 (height값, width값 변경 안됨)

ex) default가 inline -> <span>, <a>, <em>...

display의 속성 -block

block으로 지정된 요소는 줄바꿈이 들어가있고 말 그대로 block 형태로 한 줄을 다 차지함 (가로폭을 100% 차지 & margin, width, height 속성 모두 적용)
ex) default가 block -> <h1>, <div>, <p>...

display의 속성 -inline-block

inline과 비슷하지만 width, height 변경이 가능함

display: inline;
display: block;
display: inline-block;

📌 속성을 모르겠다? 색을 넣어보자!

[백준 알고리즘] 평균은 넘겠지
8월 2일 Velog

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage