Back to Chromium

Margins and block formating contexts (additional tests from Alan Gresley)

third_party/blink/web_tests/fast/block/float/centered-float-avoidance-complexity.html

149.0.7827.2914 B
Original Source

Margins and block formating contexts (additional tests from Alan Gresley)

The orange stripe has 'overflow: auto', 'margin-left: 100px' and 'margin-right: 100px' The lime stripes are floats with various width (topmost is 0, bottommost is 150px) The wrapping container has a solid silver border.

floatL

<div> with 'overflow: auto'

floatL

<div> with 'overflow: auto'

floatL

<div> with 'overflow: auto'

floatL 150px

<div> with 'overflow: auto'

floatR

<div> with 'overflow: auto'

floatR

<div> with 'overflow: auto'

floatR

<div> with 'overflow: auto'

floatR 150px

<div> with 'overflow: auto'

The orange stripe has 'overflow: auto', 'margin-left: auto' and 'margin-right: auto' The lime stripes are floats with various width (topmost is 0, bottommost is 150px) The wrapping container has a solid silver border.