<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> div { margin: 10px; width: 10px; font-family: monospace; hyphens: auto; } </style> </head> <!-- test some hyphenations that involve overlapping patterns --> <body xml:lang="en-us"> <div> photo </div> <div> photograph </div> <div> photographer </div> <div> photographical </div> </body> </html>