width와 height 속성을 사용해 div 태그의 너비와 높이를 다음과 같이 지정할 수 있습니다. 너비와 높이가 더 잘 보이도록 border 속성으로 테두리도 지정합니다.
06/03/width-height.html
div{
width:100px;
height:100px;
border:1px solid black;
}
그림 6-32 실행결과
TIP | width 속성으로 HTML 요소의 너비를 줄였을 때, 다음 코드처럼 margin 속성을 적용하면 수평 방향으로 중앙에 HTML 요소가 위치하게 됩니다.
margin-left:auto;
margin-right:auto;
/* 또는 margin:<크기> auto; */
코드를 실행하면 그림과 같이 div 태그의 너비와 높이가 100px만큼 지정되어 표시됩니다.