layout/reftests/bugs/1529992-1-ref.html

   1 <!DOCTYPE html>
   2 <html><head>
   3 <style>
   4 body {
   5     font-size: 60px;
   6     position: absolute;
   7     margin: 0px;
   8     padding: 0px;
   9 }
  10 div {
  11     position: absolute;
  12     margin: 0px;
  13     padding: 0px;
  14 }
  15 #shadow1 {
  16     top: -30px;
  17     left: -60px;
  18 }
  19 #shadow2 {
  20     top: 100px;
  21     left: -60px;
  22 }
  23 #shadow3 {
  24     top: -30px;
  25     left: 100px;
  26 }
  27 #shadow4 {
  28     top: 200px;
  29     left: -60px;
  30 }
  31 #shadow5 {
  32     top: -30px;
  33     left: 250px;
  34 }
  35 #shadow1-ref {
  36     top: 20px;
  37     left: 20px;
  38 }
  39 #shadow2-ref {
  40     color: transparent;
  41     text-shadow: 0px 0px 10px black;
  42     top: 150px;
  43     left: 20px;
  44 }
  45 #shadow3-ref {
  46     color: transparent;
  47     text-shadow: 0px 0px 10px black;
  48     top: 20px;
  49     left: 180px;
  50 }
  51 #shadow4-ref {
  52     color: transparent;
  53     top: 205px;
  54     left: -40px;
  55     text-shadow: 0px 0px 10px black;
  56 }
  57 #shadow5-ref {
  58     color: transparent;
  59     top: -25px;
  60     left: 270px;
  61     text-shadow: 0px 0px 10px black;
  62 }
  63 </style>
  64 </head><body>
  65     <div id="shadow1-ref">hello</div>
  66     <div id="shadow2-ref">hello</div>
  67     <div id="shadow3-ref">hello</div>
  68     <div id="shadow4-ref">hello</div>
  69     <div id="shadow5-ref">hello</div>
  70     <div id="shadow1">hello</div>
  71     <div id="shadow2">hello</div>
  72     <div id="shadow3">hello</div>
  73     <div id="shadow4">hello&nbsp;&nbsp;</div>
  74     <div id="shadow5">hello&nbsp;&nbsp;</div>
  75 </body></html>