layout/reftests/bugs/518172-2a.html

   1 <!DOCTYPE HTML>
   2 <title>Testcase, bug 518172</title>
   3 <style type="text/css">
   4
   5 @font-face {
   6   font-family: "MarkA";
   7   src: url(../fonts/markA.ttf);
   8 }
   9
  10 html, body { margin: 0; padding: 0; }
  11 body { font: 200px/200px MarkA; }
  12 div#one { width: 200px; height:200px; padding: 100px;
  13           transform: rotate(90deg); }
  14 div#two { color: transparent; }
  15
  16 div.box { background: green; position: absolute; }
  17
  18 </style>
  19 <div id="one">A</div><div id="two">A</div>
  20
  21 <!-- draw green boxes slightly larger (2px extra) than the area that should
  22      be covered by the font -->
  23 <div class="box" style="top: 118px; left: 118px; width: 44px; height: 264px;"></div>
  24 <div class="box" style="top: 158px; left: 178px; width: 44px; height: 184px;"></div>
  25 <div class="box" style="top: 198px; left: 238px; width: 44px; height: 104px;"></div>