← Back to release summary

display:inline-grid/grid/inline-flex/flex for <button>

Category

CSS

Type

New or changed feature

Status

Enabled by default (Chrome 83)

Intent stage

Evaluate readiness to ship

Summary

The 'display' keywords 'inline-grid', 'grid', 'inline-flex', and 'flex' property will now function with <button> when align item is applied.

Motivation

Standards & signals

• Specification: https://html.spec.whatwg.org/C/#button-layout
• Firefox: Shipped/Shipping
• Safari: No signal
• Web developers: No signals
• Tracking bug: http://crbug.com/700029

Samples: https://codepen.io/jpmedley/pen/MWwmoQE

View on chromestatus.com