third_party/WebKit/LayoutTests/fast/inline/empty-inline-before-collapsed-space.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 #container {
   4   font: 20px/1 Ahem;
   5   border: solid orange;
   6 }
   7 </style>
   8 <script src="../../resources/check-layout.js"></script>
   9 <p>An empty inline should still get a linebox even when it precedes a space at which we start collapsing whitespace.</p>
  10 <div id="container" style="width: 100px" data-expected-client-height=50>
  11 X <span style="font-size: 50px;"></span> X
  12 </div>
  13 <div id="container" style="width: 100px" data-expected-client-height=50>
  14 X<span style="font-size: 50px;"></span> X
  15 </div>
  16 <div id="container" style="width: 100px" data-expected-client-height=50>
  17 X <span style="font-size: 50px;"></span>X
  18 </div>
  19 <div id="container" style="width: 100px" data-expected-client-height=50>
  20 X  <span style="font-size: 50px;"></span> X
  21 </div>
  22 <div id="container" style="width: 100px" data-expected-client-height=50>
  23 X<span style="font-size: 50px;"></span>X
  24 </div>
  25 <div id="container" style="width: 100px" data-expected-client-height=50>
  26 X<span style="font-size: 50px;"></span>  X
  27 </div>
  28 <div id="container" style="width: 100px" data-expected-client-height=50>
  29 X <span style="font-size: 50px;"></span>  X
  30 </div>
  31 <script>
  32     checkLayout('#container');
  33 </script>