CSS Playground — Play

Experimenting with CSS display, float, positioning and background properties.

Float Layout

16 elements floated left inside a fixed container, wrapping into a 4 × 4 grid.

Inline-block

Shapes sit side by side using display: inline-block.

Block

The same shapes stacked vertically with display: block.

Position: absolute

Shapes placed at specific coordinates inside a relative container.

Inline Style Override

Overriding external CSS with inline style attributes.

Background Images

Using background-image to apply textures.