Empty Elements Test Fixture

Empty div (no content, no size)

Before empty div
After empty div

Empty div with background and size

Before
After (blue box above is an empty div with dimensions)

Zero-width element

Before zero-width
After zero-width (should see a red border line)

Zero-height element

Before zero-height
After zero-height (should see a green border line)

display: none

Before hidden element
THIS SHOULD NOT BE VISIBLE
After hidden element (nothing should appear between labels)

Multiple display:none elements

Start
Hidden 1
Hidden 2
Hidden 3
End (three hidden elements above)

Empty paragraph and span

Before empty p

After empty p, before empty span
After empty span

Whitespace-only content

Before whitespace div
After whitespace div

Empty table

Before empty table
After empty table

Mixed visible and hidden

Should show 3 colored boxes (blue, green, purple) with 2 hidden (red, amber)