LayoutTests/fast/css/empty-inline-line-height-first-line-quirksmode.htm - WebKit - Git at Google

 <html>

  <head>

   <title>This is a quirks-mode version of empty-inline-line-height-first-line.htm from the CSS 2.1 test suite</title>

   <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height">
   <link rel="author" title="Robert Hogan" href="robert[at]roberthogan.net">
   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
   <link rel="author" title="Bruno Fassino" href="fassino[at]gmail.com">
   <meta content="The line-height of an empty inline element with a first-line pseudo-element is evaluated separately from the line-height of subsequent lines" name="assert">
   <meta content="" name="flags">

   <style type="text/css">
   #test
   {
   background-color: lime;
   line-height: 1;
   }

   #empty-inline-element
   {
   line-height: 10;
   }

   #test:first-line
   {
   line-height: 5;
   }

   #reference-overlapped-red
   {
   background-color: red;
   left: 0;
   line-height: 15;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
   }

   #relatively-positioned-wrapper
   {
   position: relative;
   }
   </style>

  </head>

  <body style="font: 16px Ahem;">

 <!--In quirks mode there should be a green rectangle with a red rectangle of equal width but greater height below it, each contains a black box (X in ahem font).-->

   <div id="relatively-positioned-wrapper">

    <div id="test">
         <span></span><br>
         <span id="empty-inline-element"></span>X
    </div>

    <div id="reference-overlapped-red">X</div>

   </div>

  </body>
 </html>
	<html>

	<head>

	<title>This is a quirks-mode version of empty-inline-line-height-first-line.htm from the CSS 2.1 test suite</title>

	<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height">
	<link rel="author" title="Robert Hogan" href="robert[at]roberthogan.net">
	<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
	<link rel="author" title="Bruno Fassino" href="fassino[at]gmail.com">
	<meta content="The line-height of an empty inline element with a first-line pseudo-element is evaluated separately from the line-height of subsequent lines" name="assert">
	<meta content="" name="flags">

	<style type="text/css">
	#test
	{
	background-color: lime;
	line-height: 1;
	}

	#empty-inline-element
	{
	line-height: 10;
	}

	#test:first-line
	{
	line-height: 5;
	}

	#reference-overlapped-red
	{
	background-color: red;
	left: 0;
	line-height: 15;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
	}

	#relatively-positioned-wrapper
	{
	position: relative;
	}
	</style>

	</head>

	<body style="font: 16px Ahem;">

	<!--In quirks mode there should be a green rectangle with a red rectangle of equal width but greater height below it, each contains a black box (X in ahem font).-->

	<div id="relatively-positioned-wrapper">

	<div id="test">
	<span></span><br>
	<span id="empty-inline-element"></span>X
	</div>

	<div id="reference-overlapped-red">X</div>

	</div>

	</body>
	</html>