LayoutTests/fast/css/line-height-negative.html

   1 <html>
   2  <head>
   3   <title>Negative Line Height</title>
   4   <style type="text/css">
   5
   6     div#test1 {font: normal 10px/1 Helvetica, Arial, sans-serif; font: normal 50px/-2 Helvetica, Arial, sans-serif;}
   7
   8     div#test2 {position: absolute; width: 200px; margin: 1em 0 0; line-height: 3em; background: red;}
   9     div#test2 span {display: block; position: absolute; left: 0; top: 0; width: 200px; line-height: 3em; line-height: -5em; background: green;}
  10
  11   </style>
  12  </head>
  13  <body>
  14
  15   <div id="test1">This should be fairly small text, rather than huge.</div>
  16
  17   <div id="test2">&nbsp;<span>There should be no red here</span></div>
  18
  19  </body>
  20 </html>