chromium/src/third_party/blink/web_tests/fast/block/float/add-inlines-in-block-children-block.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <script>
     window.onload = function() {
         document.body.offsetTop;
         document.getElementById('b').style.cssFloat = 'right';
         document.getElementById('a').style.display = 'inline-block';
     }
 </script>

 <p>There should be a blue <em>square</em> below.</p>

 <div style="width:40px;">
     <div id="a" style="width:20px; height:40px; background:blue;"></div>
     <div id="b" style="width:20px; height:40px; background:blue;"></div>
 </div>
	<!DOCTYPE html>
	<script>
	window.onload = function() {
	document.body.offsetTop;
	document.getElementById('b').style.cssFloat = 'right';
	document.getElementById('a').style.display = 'inline-block';
	}
	</script>

	<p>There should be a blue <em>square</em> below.</p>

	<div style="width:40px;">
	<div id="a" style="width:20px; height:40px; background:blue;"></div>
	<div id="b" style="width:20px; height:40px; background:blue;"></div>
	</div>