Chapter 10 - Visual formatting model details - 10.3.10 'Inline-block', replaced elements in normal flow
Go to the relevant page of the specification.
- inline-block-replaced-width-001 (image)
-
Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'. - inline-block-replaced-width-002 (nonHTML, svg)
-
Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio. - inline-block-replaced-width-003 (nonHTML, svg)
-
Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'
Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio. - inline-block-replaced-width-004 (nonHTML, svg)
-
Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width
Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements. - inline-block-replaced-width-006 (image)
-
Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
Percentage intrinsic widths are evaluated against the containing block's width.