CSS Overflow Test

# Single-value 'overflow' property

## Overflow: inherit

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

## Overflow: initial

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

## Overflow: auto

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

## Overflow: clip

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

## Overflow: hidden

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

## Overflow: scroll

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

## Overflow: visible

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

# Two-value 'overflow' property

## Overflow: auto hidden

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

## Overflow: hidden auto

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

## Overflow: scroll clip

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

## Overflow: clip scroll

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

## Overflow: visible hidden

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

# Separate 'overflow-x' / 'overflow-y' property

## overflow-x: auto, overflow-y: hidden

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

## overflow-x: hidden, overflow-y: auto

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

## overflow-x: scroll, overflow-y: clip

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

## overflow-y: scroll

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text

## overflow-x: visible

# Heading extends outside the box!

Hello this is some text

Hello this is some text

Hello this is some text

Hello this is some text