# 블럭 vs 인라인 ## 미션 블럭과 인라인 요소를 활용하여, 아래와 같은 페이지를 만드시오. ![클라우드스터딩-CSS-블럭-인라인-요소-차이](https://i.imgur.com/WlJxT7c.png) ## 개념 #### ⭐️ 블럭 요소 한 행을 가득 채우는 태그. 이를 블럭 요소라 한다. #### ⭐️ 인라인 요소 내용의 가로길이 만큼만의 차지하는 태그. 이를 인라인 요소라 한다. ## 구글링 힌트 - "CSS 블럭 인라인 차이"
by sehongpark
관련 강의로 이동

코드: java 1.8

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>박스 모델 첫 실습!</title> <link rel="stylesheet" href="style.css" /> </head> <body> <h1>블럭 vs 인라인</h1> <h2>블럭 요소</h2> <div></div> <div></div> <div></div> <ul> <li>한 줄에 하나씩 쌓임</li> <li>가로와 세로 길이를 가짐</li> <li>화면 배치를 위해 사용</li> </ul> <h2>인라인 요소</h2> <span>1</span> <span>22</span> <span>333</span> <ul> <li>한 줄에 여러 요소가 나옴</li> <li>가로 세로 길이 직접 X. 내용물의 크기 만큼을 가짐</li> <li>텍스트를 꾸밀 때, 사용</li> </ul> </body> </html>

입력

정답이 궁금하다면? 코드를 제출해보세요!