chromium/src/third_party/blink/web_tests/fast/multicol/vertical-rl/rules-with-border-before-expected.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <style>
     .test {
         width: 100px;
         height: 100px;
     }

     .right { border-right: 50px solid blue; }
     .left { border-left: 50px solid blue; }

     .test div {
         width: 100px;
         height: 50px;
         background-color: orange;
         position: relative;
         top: 25px;
     }
 </style>
 <p>There should be a 50px blue border to the left of an orange rectangle:</p>
 <div class="test right"><div></div></div>
 <p>There should be a 50px blue border to the right of an orange rectangle:</p>
 <div class="test left"><div></div></div>
	<!DOCTYPE html>
	<style>
	.test {
	width: 100px;
	height: 100px;
	}

	.right { border-right: 50px solid blue; }
	.left { border-left: 50px solid blue; }

	.test div {
	width: 100px;
	height: 50px;
	background-color: orange;
	position: relative;
	top: 25px;
	}
	</style>
	<p>There should be a 50px blue border to the left of an orange rectangle:</p>
	<div class="test right"><div></div></div>
	<p>There should be a 50px blue border to the right of an orange rectangle:</p>
	<div class="test left"><div></div></div>