블럭 VS 인라인
display: block / inline;
example.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>박스 모델 첫 실습!</title>
</head>
<body>
<h1>블럭 vs 인라인</h1>
<h2>블럭</h2>
<div></div>
<div></div>
<div></div>
<ul>
<li>한 줄에 하나씩 쌓임</li>
<li>가로와 세로 길이를 가짐</li>
<li>화면 배치를 위해 사용</li>
</ul>
<h2>인라인</h2>
<span>A</span>
<span>BB</span>
<span>CCC</span>
<ul>
<li>한 줄에 여러 요소가 나옴</li>
<li>가로 세로 길이 직접 X. 내용물의 크기 만큼을 가짐</li>
<li>텍스트를 꾸밀 때, 사용</li>
</ul>
</body>
</html>
예제) 아래처럼 표시되게 CSS 하기
Author And Source
이 문제에 관하여(블럭 VS 인라인), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@drv98/블럭-VS-인라인저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)