<html>
<head>
<title>Title of the document</title>
</head>

<body>

<p style="text-align:center">div 태그는</p>
<p style="text-align:center">여러 문단에 같은 스타일을 적용할때 사용한다.</p>
<div style="text-align:center">
   <p>스타일을 한번만 지정하면 되기 때문에</p>
   <p>스타일을 수정할 때도 편하고</p>
   <p>코드도 깔끔하게 정리할 수 있다.</p>
</div>

<div style="border: 1px dashed rgb(121, 165, 228); background-color: rgb(219, 232, 251); padding: 10px;">
   <p>레이어를 만들어 스타일을 지정할 수도 있다. 테두리, 배경색 등을 지정해 메모나 글상자 등 본문과 구분하기 위한 내용을 정리할 때 유용하다.</p>
</div>

</body>

</html>