<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<link rel="author" title="Mike Bremford" href="http://bfo.com" />
<style>
.control {
font: 50px/1 monospace;
font-kerning: none;
white-space: pre;
}
.red {
color: red;
position: absolute;
z-index: -1;
}
.control span {
background: green;
}
</style>
</head>
<body>
<p>Test passes if no red is visible except for anti-aliasing differences, and the green boxes are the width of a single letter.</p>
<!-- A <ls> B <ls> <bg>C</bg> <ls> gimel <ls> bet <ls> <bg>alef</bg> <gap> -->
<div class="control red">A B <span>C</span> ב ג <span style="unicode-bidi:embed">א</span></div>
<div class="control">A B <span>C</span> ב ג <span style="unicode-bidi:embed">א</span></div>
</body>
</html>