LayoutTests/fast/multicol/flexbox-rows-expected.html - WebKit - Git at Google

 <!DOCTYPE html><html class=''>
     <head><style>
         .wrapper {
             -webkit-column-count: 2;
             -moz-column-count: 2;
             column-count: 2;
         }

               .pad-rows .row {
             padding-top: 12px;
         }

         /**
          * Other styles
          */
         .description {
             margin: 0 1em;
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
             font-size: 14px;
             line-height: 1.5;
         }
         .description > ul > li + li {
             margin-top: 1em;
         }
         .description em {
             font-size: 0.875em;
             color: darkgray;
         }

         input {
             margin-left: 1em;
         }

         hr {
             margin: 1em 0;
         }
         </style></head><body>
             <div class="description">

             <div class="wrapper">
             <div class="row"><label>Label</label><input type="text"></div>
             <div class="row"><label>Label</label><input type="text"></div>
             <div class="row"><label>Label</label><input type="text"></div>
             <div class="row"><label>Label</label><input type="text"></div>
             <div class="row"><label>Label</label><input type="text"></div>
             </div>
             <hr>
             <div class="wrapper pad-rows">
             <div class="row"><label>Label</label><input type="text"></div>
             <div class="row"><label>Label</label><input type="text"></div>
             <div class="row"><label>Label</label><input type="text"></div>
             <div class="row"><label>Label</label><input type="text"></div>
             <div class="row"><label>Label</label><input type="text"></div>
             </div>

             </body></html>
	<!DOCTYPE html><html class=''>
	<head><style>
	.wrapper {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	}

	.pad-rows .row {
	padding-top: 12px;
	}

	/**
	* Other styles
	*/
	.description {
	margin: 0 1em;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 14px;
	line-height: 1.5;
	}
	.description > ul > li + li {
	margin-top: 1em;
	}
	.description em {
	font-size: 0.875em;
	color: darkgray;
	}

	input {
	margin-left: 1em;
	}

	hr {
	margin: 1em 0;
	}
	</style></head><body>
	<div class="description">

	<div class="wrapper">
	<div class="row"><label>Label</label><input type="text"></div>
	<div class="row"><label>Label</label><input type="text"></div>
	<div class="row"><label>Label</label><input type="text"></div>
	<div class="row"><label>Label</label><input type="text"></div>
	<div class="row"><label>Label</label><input type="text"></div>
	</div>
	<hr>
	<div class="wrapper pad-rows">
	<div class="row"><label>Label</label><input type="text"></div>
	<div class="row"><label>Label</label><input type="text"></div>
	<div class="row"><label>Label</label><input type="text"></div>
	<div class="row"><label>Label</label><input type="text"></div>
	<div class="row"><label>Label</label><input type="text"></div>
	</div>

	</body></html>