chromium/src/third_party/blink/web_tests/external/wpt/css/css-values/reference/ic-unit-008-ref.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>

   <meta charset="UTF-8">

   <title>CSS Values and Units Test Reference File</title>

   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">

   <style>
   div
     {
       float: left;
       font-size: 80px; /* arbitrary font size */
       line-height: 1.8; /* arbitrary line-height */
     }

   div#blue
     {
       background-color: blue;
       color: blue;
     }

   div#orange
     {
       background-color: orange;
       color: orange;
       clear: left;
     }
   </style>

   <p>Test passes if there is a blue rectangle with the <strong>same width</strong> as an orange rectangle.

   <div id="blue">&#27700;&#27700;&#27700;&#27700;&#27700;</div>

   <div id="orange">&#27700;&#27700;&#27700;&#27700;&#27700;</div>

   <!--

   水 (CJK water ideograph, U+6C34) glyph == &#27700;

   水 (CJK water ideograph, U+6C34) glyph == &#x6C34;

   -->
	<!DOCTYPE html>

	<meta charset="UTF-8">

	<title>CSS Values and Units Test Reference File</title>

	<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">

	<style>
	div
	{
	float: left;
	font-size: 80px; /* arbitrary font size */
	line-height: 1.8; /* arbitrary line-height */
	}

	div#blue
	{
	background-color: blue;
	color: blue;
	}

	div#orange
	{
	background-color: orange;
	color: orange;
	clear: left;
	}
	</style>

	<p>Test passes if there is a blue rectangle with the <strong>same width</strong> as an orange rectangle.

	<div id="blue">水水水水水</div>

	<div id="orange">水水水水水</div>

	<!--

	水 (CJK water ideograph, U+6C34) glyph == 水

	水 (CJK water ideograph, U+6C34) glyph == 水

	-->