src/third_party/WebKit/LayoutTests/fast/multicol/vertical-rl/balancing/balance-unbreakable.html

   1 <!DOCTYPE html>
   2 <script src="../../../../resources/js-test.js"></script>
   3 <p>There should be a <em>square</em> with some stuff inside below.</p>
   4 <div id="console"></div>
   5 <div id="mc" style="-webkit-writing-mode:vertical-rl; -webkit-columns:3; columns:3; height:7em; orphans:1; widows:1; background:olive;">
   6     <div style="line-height:4em;">line</div>
   7     <div style="line-height:8em;">line</div>
   8     <img alt="x" style="display:block; width:2em;">
   9     <div style="line-height:4em;">line</div>
  10     <div style="line-height:10em;">line</div>
  11     <div style="line-height:2em;">line</div>
  12     <div style="line-height:6em;">line</div>
  13 </div>
  14 <div style="width:14em; height:7em; background:olive;"></div>
  15 <script>
  16     description("Tests that an image at a column boundary is recorded properly for balancing");
  17     shouldBe("mc.offsetWidth", "224");
  18 </script>