Width And Height

CSS Classroom: Width and Height

Margin and padding gave us control over the space around and inside an element. Now it’s time to control the actual size of the element itself. CSS gives us properties like width, height, max-width, and min-height to shape our boxes.

Width and Height Basics

The width property sets how wide an element is. The height property sets how tall an element is. By default, elements expand to fit their content or their parent container, but with these properties you can give them exact sizes.