# Height and Width

div {
height: 200px;
width: 50%;
background-color: powderblue;
}

div {
height: 100px;
width: 500px;
background-color: powderblue;
}
• Are used to set the height and width of an element.
• Can be set to auto (this is default. Means that the browser calculates the height and width), or be specified in length values, like px, cm, etc., or in percent (%) of the containing block.
• Do not include padding, borders, or margins; they set the height/width of the area inside the padding, border, and margin of the element!.

## Height and Width — Structure map

Clickable & Draggable!