It's a digestible introduction, but in the real world you'll find that there's a lumbering iceberg underneath.<p>Display, alignment, justification, relative parents, stacking contexts, flow, negative margins, flexbox, transform... all of these interact in... let's say interesting ways, and not consistently across browsers.<p>I <i>wish</i> CSS positioning could be explained with a few GIFs, but moving outside the playground you quickly realize it can't.<p>Now that the DOM and JS are mostly solved problems, I'd like to see browser vendors seriously tackle CSS rendering so it can be this simple.