Skip to content

Commit

Permalink
Update files/en-us/web/css/display/multi-keyword_syntax_of_display/in…
Browse files Browse the repository at this point in the history
…dex.md
  • Loading branch information
estelle authored Sep 15, 2023
1 parent 63ba151 commit d5dac92
Showing 1 changed file with 1 addition and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ The value `display: inline-block` has been around since the early days of CSS. T

{{EmbedGHLiveSample("css-examples/display/multi-keyword/inline-block.html", '100%', 440)}}

An element with `display: inline-block` however, will also contain floats. It contains everything inside the inline-level box. Therefore `display: inline-block` does exactly what `display: flow-root` does, but with an inline-level, rather than a block-level box. The new syntax accurately describes what is happening with this value. In the example above, you can change `display: inline-block` to `display: inline flow-root` and get the same result.
An element with `display: inline-block` however, will also contain floats. It contains everything inside the inline-level box. Therefore `display: inline-block` does exactly what `display: flow-root` does, but with an inline-level, rather than a block-level box. The two-value syntax accurately describes what is happening with this value. In the example above, you can change `display: inline-block` to `display: inline flow-root` and get the same result.

## What about the old values of display?

Expand Down

0 comments on commit d5dac92

Please sign in to comment.