text: <!DOCTYPE html>
  <html>
  	<head>
  		<title>CSS Reftest Reference: Flexbox direction and wrapping</title>
  	    <link rel="author" title="Gavin Elster" href="mailto:gavin.elster@me.com">
  	    <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
  	    <meta name="flags" content="">
  		<style>
  
  		/* Ref test styles */
  
  			.flex-wrapper div{
  				display: inline-block;
  			}
  
  
  		/* Test-series styles */
  
  			.flex-wrapper {
  				width:  120px;
  				height: 120px;
  
  				/* should only display on error */
  				background: red;
  
  				/* Enforce writing mode */
  				direction: ltr;
  				writing-mode: horizontal-tb;
  			}
  
  			.flex-wrapper div {
  				width:  38px;
  				height: 38px;
  
  				background: green;
  				border: 1px solid limegreen;
  
  				color: white;
  				line-height: 40px;
  				text-align: center;
  				vertical-align: middle;
  			}
  		</style>
  	</head>
  	<body>
  		<p>The test passes if there is a 3x3 grid of green squares, numbered 1-9 left-to-right and top-to-bottom, and there is no red.</p>
  		<div class="flex-wrapper">
  			<div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div><div>8</div><div>9</div>
  		</div>
  	</body>
  </html>