Optional vs Non-Breaking Hyphens: Typography Guide for Web Designers #2197314 (License: Personal Use)

This image illustrates two key typographic tools: the optional hyphen (­), which allows a word to break only if it falls at the end of a line, and the non-breaking hyphen (‑), which prevents a hyphenated compound from splitting across lines. The green drop cap “A” introduces the explanatory sentence, with subtle visual cues highlighting each hyphen type.

Used in web typography guides, developer documentation, or design system resources to teach proper text wrapping techniques-especially for multilingual or responsive layouts where line breaks impact readability.