chromium/src/third_party/blink/web_tests/fast/css/vertical-lr-table-bfc-auto-margins-beside-float-expected.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <style>
 #container {
     width: 200px; height: 50px;
     background-color: orange;
 }

 #float {
     float: left;
     width: 50px; height: 50px; background: blue;
 }

 #vertical {
     width: 50px; height: 50px;
     overflow: hidden;
     margin: 0 auto;
     background: blue;
 }
 </style>
 <p>This tests that auto margins in an empty table orthogonal to its containing block are calculated correctly.</p>
 <p>The auto margins should horizontally center the blue square in the orange rectangle.</p>
 <div id="container">
     <table id="vertical"></table>
 </div>
	<!DOCTYPE html>
	<style>
	#container {
	width: 200px; height: 50px;
	background-color: orange;
	}

	#float {
	float: left;
	width: 50px; height: 50px; background: blue;
	}

	#vertical {
	width: 50px; height: 50px;
	overflow: hidden;
	margin: 0 auto;
	background: blue;
	}
	</style>
	<p>This tests that auto margins in an empty table orthogonal to its containing block are calculated correctly.</p>
	<p>The auto margins should horizontally center the blue square in the orange rectangle.</p>
	<div id="container">
	<table id="vertical"></table>
	</div>