<!doctype html>
<head>
<title>line-box-contain: block glyphs replaced</title>
<style>
.test { -webkit-line-box-contain: block glyphs replaced; line-box-contain: block glyphs replaced; font: 64px/1em Ahem; background-color:red; width:6em; overflow:hidden }
.goodline { color: green; line-height:12 }
</style>
</head>
<body>
You should see a green rectangle below.  If you see any red other than anti-aliasing, the test has failed.

<div class="test">
<span class="goodline">xxxxx</span><span style="background-color:green; font-size:128px; padding-left:0.5em;"></span><br>
<span class="goodline" style="font-size:128px; letter-spacing:-0.5em">xxxxx</span><div style="display:inline-block; width:1em;height:2em;vertical-align:bottom;background-color:green"></div>
</div>

<p style="-webkit-line-box-contain:block glyphs;line-box-contain: block glyphs; border:1px solid black">This line should look normal.</p>