★★div와 span

★★div와 span

2023. 2. 8. 12:15ㆍHTML

div와 span 태그는 영역을 지정하는 태그

<!DOCTYPE html>

<html>

<head>

<title>Insert title here</title>

div{

background-color: red;

}

span {

background-color: blue;

}

</style>

</head>

<body>

<div>

안녕하세요 <span>안녕하세요</span> 안녕하세요

</div>

</body>

</html>

<div> : div 태그 안에 내용이 적어도 무조건 한 줄 다 차지. 그 다음 내용이 줄을 넘어감.

<span> : span 태그의 내용만큼만 영역을 차지.

📚개발 복습 노트