<!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>