LayoutTests/css3/flexbox/inline-flex.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
 <style>
 #testcase > div {
     height: 50px;
     width: 50px;
     background-color: green;
     outline: 2px solid darkgreen;
 }
 #testcase > div > div {
     -webkit-flex: 1;
 }
 </style>
 <script src="../../resources/check-layout.js"></script>
 <body onload="checkLayout('#testcase')">
 <p>This test passes if the three green boxes are on the same horizontal line.</p>

 <div id="testcase" style="position: relative">
 <div data-offset-y="0" data-offset-x="0" data-expected-width="50" data-expected-height="50" style="display: inline-block">
 </div><div data-offset-y="0" data-offset-x="50" data-expected-width="50" data-expected-height="50" style="display: -webkit-inline-flex;">
     <div data-expected-width="25"></div>
     <div data-expected-width="25"></div>
 </div><div data-offset-y="0" data-offset-x="100" data-expected-width="50" data-expected-height="50" style="display: inline-block"></div>
 </div>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<style>
	#testcase > div {
	height: 50px;
	width: 50px;
	background-color: green;
	outline: 2px solid darkgreen;
	}
	#testcase > div > div {
	-webkit-flex: 1;
	}
	</style>
	<script src="../../resources/check-layout.js"></script>
	<body onload="checkLayout('#testcase')">
	<p>This test passes if the three green boxes are on the same horizontal line.</p>

	<div id="testcase" style="position: relative">
	<div data-offset-y="0" data-offset-x="0" data-expected-width="50" data-expected-height="50" style="display: inline-block">
	</div><div data-offset-y="0" data-offset-x="50" data-expected-width="50" data-expected-height="50" style="display: -webkit-inline-flex;">
	<div data-expected-width="25"></div>
	<div data-expected-width="25"></div>
	</div><div data-offset-y="0" data-offset-x="100" data-expected-width="50" data-expected-height="50" style="display: inline-block"></div>
	</div>
	</body>
	</html>