chromium/src/third_party/blink/web_tests/fast/multicol/nested-one-line-in-inner.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <script src="../../resources/check-layout.js"></script>
 <p>Test that an inner multicol with only one line makes the outer multicol tall enough to contain it.</p>
 <p>There should be a blue square below.</p>
 <div id="outer" style="-webkit-columns:4; line-height:80px;" data-expected-height="80">
     <div style="-webkit-columns:4;" data-expected-height="80">
         <div style="display:inline-block; vertical-align:top; width:80px; height:80px; background:blue;"></div>
     </div>
 </div>
 <script>
     checkLayout("#outer");
 </script>
	<!DOCTYPE html>
	<script src="../../resources/check-layout.js"></script>
	<p>Test that an inner multicol with only one line makes the outer multicol tall enough to contain it.</p>
	<p>There should be a blue square below.</p>
	<div id="outer" style="-webkit-columns:4; line-height:80px;" data-expected-height="80">
	<div style="-webkit-columns:4;" data-expected-height="80">
	<div style="display:inline-block; vertical-align:top; width:80px; height:80px; background:blue;"></div>
	</div>
	</div>
	<script>
	checkLayout("#outer");
	</script>