div {
width: 320px;
height: 30px;
padding: 10px;
border: 5px solid gray;
margin: 20px;
}
<!DOCTYPE html>
<html lang="ko">
<head></head>
<body>
<div>div 요소 크기 결정</div>
<h4>div요소의 폭은 다음과 같이 계산됩니다.</h4>
<p>
320px (width)<br>
+ 20px (padding 왼쪽 10px 오른쪽 10px)<br>
+ 10px (border 왼쪽 5px 오른쪽 (5px)<br>
= 350px<br>
요소의 폭은 350px;
</p>
</body>
</html>