chromium/src/third_party/blink/web_tests/external/wpt/css/css-shapes/shape-outside/shape-image/gradients/reference/shape-outside-linear-gradient-002-ref.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <html>
 <head>
     <title>CSS Reference File</title>
     <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com"/>
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
     <style type="text/css">
         .container {
             width: 200px;
             height: 200px;
             background-color: red;
             font-family: Ahem;
             font-size: 50px;
             line-height: 1;
         }
         #test {
             color: green;
         }
         #gradient {
             float: right;
             width: 100px;
             height: 200px;
             background-color: green;
         }
     </style>
 </head>
 <body>
     <p>
         The test passes if you see a green square. There should be no red.
     </p>
     <div id="test" class="container">
         <div id="gradient"></div>
         xx xx xx xx
     </div>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>CSS Reference File</title>
	<link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com"/>
	<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
	<style type="text/css">
	.container {
	width: 200px;
	height: 200px;
	background-color: red;
	font-family: Ahem;
	font-size: 50px;
	line-height: 1;
	}
	#test {
	color: green;
	}
	#gradient {
	float: right;
	width: 100px;
	height: 200px;
	background-color: green;
	}
	</style>
	</head>
	<body>
	<p>
	The test passes if you see a green square. There should be no red.
	</p>
	<div id="test" class="container">
	<div id="gradient"></div>
	xx xx xx xx
	</div>
	</body>
	</html>