Block layout alignment joins the web platform baseline

As of April 2024, the align-content property from CSS Box Alignment is supported for block and table layouts in all major browsers. This means developers can now align content in the block direction without setting up a flex or grid container solely for that purpose.

Support for the feature lands in Chrome 123, Edge 123, Firefox 125, and Safari 17.4, placing it squarely in the interoperable Baseline set. Previously, align-content was only functional within flex and grid contexts, forcing developers to introduce a layout mode they didn't otherwise need just to center content vertically.

With block layout support, align-content works directly on block-level elements. The element remains a block item; the only behavioral change is the alignment of its content along the block axis. No additional properties or wrapper elements are required to achieve the effect.

The align-content property centers the heading vertically within a block container.