chromium/src/third_party/blink/web_tests/external/wpt/css/css-flexbox/flexbox-justify-content-vert-005-ref.xhtml - manifest_repos/chromium_src - Git at Google

 <?xml version="1.0" encoding="UTF-8"?>
 <!--
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <title>CSS Reftest Reference</title>
     <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
     <style>
       div.flexbox {
         margin-right: 2px;
         float: left;
         border: 1px dotted black;
       }
       div.a {
         width: 20px;
         height: 10px;
         background: lightgreen;
       }
       div.b {
         width: 20px;
         height: 50px;
         background: pink;
       }
       div.c {
         width: 20px;
         height: 100px;
         background: orange;
       }
     </style>
   </head>
   <body>

     <!-- default (start) -->
     <div class="flexbox">
       <div class="a"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"></div>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/><div class="c"/>
     </div>

     <!-- flex-start -->
     <div class="flexbox">
       <div class="a"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/><div class="c"/>
     </div>

     <!-- flex-end -->
     <div class="flexbox">
       <div class="a"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/><div class="c"/>
     </div>

     <!-- center -->
     <div class="flexbox">
       <div class="a"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/><div class="c"/>
     </div>

     <!-- space-between -->
     <div class="flexbox">
       <div class="a"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/><div class="c"/>
     </div>

     <!-- space-around -->
     <div class="flexbox">
       <div class="a"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/><div class="c"/>
     </div>

     <!-- space-evenly -->
     <div class="flexbox">
       <div class="a"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/><div class="c"/>
     </div>

     <!-- left -->
     <div class="flexbox">
       <div class="a"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/><div class="c"/>
     </div>

     <!-- right -->
     <div class="flexbox">
       <div class="a"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/>
     </div>
     <div class="flexbox">
       <div class="a"/><div class="b"/><div class="c"/>
     </div>

   </body>
 </html>
	<?xml version="1.0" encoding="UTF-8"?>
	<!--
	Any copyright is dedicated to the Public Domain.
	http://creativecommons.org/publicdomain/zero/1.0/
	-->
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<title>CSS Reftest Reference</title>
	<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
	<style>
	div.flexbox {
	margin-right: 2px;
	float: left;
	border: 1px dotted black;
	}
	div.a {
	width: 20px;
	height: 10px;
	background: lightgreen;
	}
	div.b {
	width: 20px;
	height: 50px;
	background: pink;
	}
	div.c {
	width: 20px;
	height: 100px;
	background: orange;
	}
	</style>
	</head>
	<body>

	<!-- default (start) -->
	<div class="flexbox">
	<div class="a"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"></div>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/><div class="c"/>
	</div>

	<!-- flex-start -->
	<div class="flexbox">
	<div class="a"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/><div class="c"/>
	</div>

	<!-- flex-end -->
	<div class="flexbox">
	<div class="a"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/><div class="c"/>
	</div>

	<!-- center -->
	<div class="flexbox">
	<div class="a"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/><div class="c"/>
	</div>

	<!-- space-between -->
	<div class="flexbox">
	<div class="a"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/><div class="c"/>
	</div>

	<!-- space-around -->
	<div class="flexbox">
	<div class="a"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/><div class="c"/>
	</div>

	<!-- space-evenly -->
	<div class="flexbox">
	<div class="a"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/><div class="c"/>
	</div>

	<!-- left -->
	<div class="flexbox">
	<div class="a"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/><div class="c"/>
	</div>

	<!-- right -->
	<div class="flexbox">
	<div class="a"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/>
	</div>
	<div class="flexbox">
	<div class="a"/><div class="b"/><div class="c"/>
	</div>

	</body>
	</html>