CSS 블럭(block) vs 인라인(inline)

css에 블럭과 인라인이라는 것이 있습니다. 블럭과 인라인 서로 유사하지만 다른점들이 존재합니다. <블럭(block)> 세로로 한 줄에 하나씩 쌓인다 가로와 세로 길이를 갖고 있다/지정할 수 있다. (width, height) 화면 배치를 할 때 주로 사용한다. display속성이 block으로 지정된 요소들은 줄바꿈요소도 같이 들어있기 때문에 기존에 있던 것들을 다른 줄로 밀어내고 혼자 한 줄 차지한다. 대표적인 블록태그로는 <div> , <p>가 있다. <인라인(inline)> 한 줄에 여러 요소가 나온다 가로 세로 길이가 없다. 안에 들어있는 내용물의 크기 만큼이 사이즈다 텍스트를 꾸밀 때 주로 사용이 된다. 블록과 달리 줄바꿈요소가 포함되어있지 않다. 그렇기 때문에 한 줄에 다른 엘리먼트가 있다면 같이 배치된다. 출처 : https://velog.io/@sehy/TIL-9-CSS-position TIL 9 | CSS display, position about css posit...

원문링크 : CSS 블럭(block) vs 인라인(inline)