<!DOCTYPE HTML>
<style>
#container {
font: 20px/1 Ahem;
border: solid orange;
}
</style>
<script src="../../resources/check-layout.js"></script>
<p>An empty inline should still get a linebox even when it precedes a space at which we start collapsing whitespace.</p>
<div id="container" style="width: 100px" data-expected-client-height=50>
X <span style="font-size: 50px;"></span> X
</div>
<div id="container" style="width: 100px" data-expected-client-height=50>
X<span style="font-size: 50px;"></span> X
</div>
<div id="container" style="width: 100px" data-expected-client-height=50>
X <span style="font-size: 50px;"></span>X
</div>
<div id="container" style="width: 100px" data-expected-client-height=50>
X <span style="font-size: 50px;"></span> X
</div>
<div id="container" style="width: 100px" data-expected-client-height=50>
X<span style="font-size: 50px;"></span>X
</div>
<div id="container" style="width: 100px" data-expected-client-height=50>
X<span style="font-size: 50px;"></span> X
</div>
<div id="container" style="width: 100px" data-expected-client-height=50>
X <span style="font-size: 50px;"></span> X
</div>
<script>
checkLayout('#container');
</script>