Centering with CSS vertically and horizontally (all options overview)

There are a million ways to center <div>s or text in CSS, horizontally or vertically. All the ways are unsatisfying in their own unique way, or have restrictions regarding browser support, element sizes, etc.

Here are two great resources for finding the best way of aligning something given your use case and browser support requirements:

How to center in CSS Show archive.org snapshot

A long form that lets you define your use case and browser support requirements, then shows you the preferred way of aligning.

Centering CSS: A complete guide Show archive.org snapshot

A textual guide showing all the options for all use cases.