# Automatic Hyphenation with Element Queries

## ✔︎ Safari, ✔︎ Firefox, ✘ Chrome

> Another use case for element queries: disable hyphenation when measure is wide enough. @johndjameson

This demo assumes you don’t especially want your headlines to be hyphenated. It's good to be able to turn that feature on when an element needs it, but it would be nice to be able to turn it off as soon as an element is wide enough to display words without hyphens.

The styles in the CSS panel includes 1 rule that turns on hyphens for all heading tags, and then an element query for the same heading elements containing 1 rule that will disable this property on any heading more than 25 ems wide.

## Inconceivably Elongated Categorization

### Incredulously Verbose Supporting Subheadline

#### Nonsensically Preposterous Tommyrot