chromium/src/third_party/blink/web_tests/fast/multicol/many-lines-overflow-in-single-row-inner-expected.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <style>
     span:nth-of-type(3n+1)::before { color:salmon; content:"salmon"; }
     span:nth-of-type(3n+2)::before { color:blue; content:"blueberry"; }
     span:nth-of-type(3n+3)::before { color:olive; content:"olive"; }
     .fake_column { float:left; width:100px; }
     .fake_rule { float:left; width:0; height:75px; margin:0 4px; border-left:1px solid; }
 </style>

 <p>
     There should be 5 columns below. Each column should have 3 lines. The first
     line should read "<span></span>". The second line should read
     "<span></span>". The third line should read "<span></span>". The lines
     should be perfectly vertically aligned with the corresponding lines in the
     other columns.
 </p>

 <div style="width:545px; line-height:20px; text-align:center;">
     <div class="fake_column">
         <span></span><br>
         <span></span><br>
         <span></span><br>
     </div>
     <div class="fake_rule"></div>
     <div class="fake_column">
         <span></span><br>
         <span></span><br>
         <span></span><br>
     </div>
     <div class="fake_rule"></div>
     <div class="fake_column">
         <span></span><br>
         <span></span><br>
         <span></span><br>
     </div>
     <div class="fake_rule"></div>
     <div class="fake_column">
         <span></span><br>
         <span></span><br>
         <span></span><br>
     </div>
     <div class="fake_rule"></div>
     <div class="fake_column">
         <span></span><br>
         <span></span><br>
         <span></span><br>
     </div>
 </div>
	<!DOCTYPE html>
	<style>
	span:nth-of-type(3n+1)::before { color:salmon; content:"salmon"; }
	span:nth-of-type(3n+2)::before { color:blue; content:"blueberry"; }
	span:nth-of-type(3n+3)::before { color:olive; content:"olive"; }
	.fake_column { float:left; width:100px; }
	.fake_rule { float:left; width:0; height:75px; margin:0 4px; border-left:1px solid; }
	</style>

	<p>
	There should be 5 columns below. Each column should have 3 lines. The first
	line should read "<span></span>". The second line should read
	"<span></span>". The third line should read "<span></span>". The lines
	should be perfectly vertically aligned with the corresponding lines in the
	other columns.
	</p>

	<div style="width:545px; line-height:20px; text-align:center;">
	<div class="fake_column">
	<span></span><br>
	<span></span><br>
	<span></span><br>
	</div>
	<div class="fake_rule"></div>
	<div class="fake_column">
	<span></span><br>
	<span></span><br>
	<span></span><br>
	</div>
	<div class="fake_rule"></div>
	<div class="fake_column">
	<span></span><br>
	<span></span><br>
	<span></span><br>
	</div>
	<div class="fake_rule"></div>
	<div class="fake_column">
	<span></span><br>
	<span></span><br>
	<span></span><br>
	</div>
	<div class="fake_rule"></div>
	<div class="fake_column">
	<span></span><br>
	<span></span><br>
	<span></span><br>
	</div>
	</div>