Overflow Generator

Control how content behaves when it overflows the element's box.

Controls

Overflow X

Overflow Y

This content is wider than the container to demonstrate overflow behavior clearly.

This content is taller than container. Line 2. Line 3. Line 4. Line 5.

.element {
  overflow: hidden;
}