Line Breaking and Related Properties from CSS Text

Explore the intricacies of line breaking and related CSS Text properties in this comprehensive 47-minute conference talk from CSS Day 2019. Dive deep into the complexities of text wrapping across multiple lines, considering various typographical practices and writing systems. Learn about the CSS tools available to handle these challenges, including the white-space property, overflow wrapping, intrinsic sizing, hyphenation, word-break, and line-break properties. Discover how these properties interact, their behavior in different languages, and how special HTML elements and Unicode characters fit into the picture. Gain insights into practical limitations of existing implementations, potential workarounds, and see real-world examples demonstrating how to apply these concepts effectively. Enhance your understanding of CSS text manipulation and improve your web typography skills with this in-depth exploration of line breaking techniques.

Intro
THE WHITE-SPACE PROPERTY
WHITE-SPACE – END OF LINE
WHITE-SPACE ON INLINES
POETRY
EDITABLE ELEMENTS
OVERFLOW WRAPPING
INTRINSIC SIZING
THE HYPHENS PROPERTY
TURNING ON HYPHENATION
THE WORD-BREAK PROPERTY
WORD BREAKING IN VARIOUS LANGUAGES
THE LINE-BREAK PROPERTY
LINE BREAKING STRICTNESS
MAGIC?
UNICODE!
UNICODE VARIATIONS
JAPANESE TITLES
ATOMIC INLINES
THE PROBLEM
THE SOLUTION(?)