# Content box

The innermost part of an element, where the content goes.

## What is the **content box**?

The **content box** is the innermost part of the box model, where text and images go. By default, `width` and `height` size only this part.

```css
.card { width: 200px; padding: 20px; }
/* content box: 200px wide; the whole box: 240px */
```

Level: Novice · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/novice)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/content-box