You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<meta name="assert" content="letter spacing should be applied between letters, not after letters. The latter will cause the colored backgrounds of the span elements to expand."/>
<style>
.test, .control {
font: 50px/1 monospace;
font-kerning: none;
}
.control {
position: absolute;
color: red;
z-index: -1;
white-space: pre;
}
.control span {
/* to ensure both background and text must overlay */
background: linear-gradient(to bottom, red 50%, green 50%, green 100%);
}
.test span {
background: linear-gradient(to bottom, green 50%, transparent 50%, transparent 100%);
}
.wide {
letter-spacing: 2ch;
}
.narrow {
letter-spacing: 1ch;
}
</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">A B <span>C</span> ב ג <span style="unicode-bidi:embed">א</span></div>