Recently, CSS has undergone a change where the display
property is now split into an inner display and outer display.
With the legacy value of display: inline-block
, it raises the question of what the newer equivalent should be.
One might assume that the updated version could be display: inline flow
, but a quote mentioned throws this off:
Note: Browsers supporting the two-value syntax will default to
flow
for the inner value when only the outer value is specified, as seen withdisplay: block
ordisplay: inline
. This ensures expected behavior regarding layout. For instance, setting an element to block would infer that its children participate in block and inline normal flow layout.
This indicates that display: inline
functions similarly to display: inline flow
. Since display: inline
differs from display: inline-block
, the latter cannot simply be replaced by display: inline flow
.
The question remains: what should the new value be? Despite thorough research on the provided links and other online sources, no alternative values have emerged.