chromium/src/third_party/blink/web_tests/fast/block/float/floats-offset-inline-block-quirk-line-height-expected.html - manifest_repos/chromium_src - Git at Google

 <html>
 <head>
     <style>
         body { width: 400px;}
         .container { color: red; width: 100px; height: 150px; position: relative;}
         .container:first-line { font-size: 30px;}
         div { background: white; }
         .reference { position: absolute; width: 20px; height: 20px; background: black; }
         .first { left: 10px; }
         .second { left: 40px; top: 20px; }
     </style>
 </head>
 <body>
 There should be no red visible below.
 <div class="container">
     <div class="reference first"></div>
     <div class="reference second"></div>
 </div>
 </body></html>
	<html>
	<head>
	<style>
	body { width: 400px;}
	.container { color: red; width: 100px; height: 150px; position: relative;}
	.container:first-line { font-size: 30px;}
	div { background: white; }
	.reference { position: absolute; width: 20px; height: 20px; background: black; }
	.first { left: 10px; }
	.second { left: 40px; top: 20px; }
	</style>
	</head>
	<body>
	There should be no red visible below.
	<div class="container">
	<div class="reference first"></div>
	<div class="reference second"></div>
	</div>
	</body></html>