An interactive journey through the history of CSS alignment. From the early days of
<table>s to the power of modern Flexbox and Grid.
This site is an interactive guide dedicated to one of the most fundamental parts of web development: aligning content. We explore every major layout method used throughout the history of CSS.
Learn the "why" behind each technique, see how they were used, and play with live examples to master them.
The powerful, modern standard for one-dimensional layout. Perfect for aligning components, navigation bars, and distributing space.
The ultimate two-dimensional layout system. Ideal for entire page layouts, complex dashboards, and responsive, gap-aware designs.
Take elements out of the normal flow. Ideal for overlays, popups, and precise UI details. (Covers
absolute, relative, etc.)
The original method for creating columns and wrapping text around images. A cornerstone of
"classic" CSS (and clearfix!).