# Hierarchy, Alignment and Whitespace

A page looks designed when the most important thing is seen first, everything lines up on a few shared edges, and space groups the things that belong together, and CSS sets all three with size, weight, color, text-align, padding and margin.

![Cheat sheet: Hierarchy, Alignment and Whitespace](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/3be515623f584e41b94a67d13b967650.webp)

- Category: CSS
- Level: Apprentice
- Tags: CSS, Font weight, Negative space, Text alignment, Visual hierarchy, web-development
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-design-hierarchy-alignment-whitespace-cheat-sheet