<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> .lc { text-transform: lowercase; } .uc { text-transform: uppercase; } </style> <title>Test - word-break:break-all with text-transform and clusters</title> </head> <body> <div class="lc">f<br>o<br>x<br>f<br>o̥<br>ẋ</div><br> <div class="lc">fox<br>fo̥ẋ</div><br> <div class="uc">f<br>o<br>x<br>f<br>o̥<br>ẋ</div><br> <div class="uc">fox<br>fo̥ẋ</div><br> </body> </html>