chromium/src/third_party/blink/web_tests/external/wpt/css/css-grid/grid-items/grid-item-margins-and-writing-modes-001-ref.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <html>
 <link href="/css/support/grid.css" rel="stylesheet">
 <link href="/fonts/ahem.css"  rel="stylesheet"/>
 <style>
 .block {
     background-color: grey;
     width: 80px;
     height: 80px;
     position: relative;
     margin-bottom: 5px;
     border: 1px solid;
 }

 .item {
     font: 15px/1 Ahem;
     background-color: green;
     width: 40px;
     height: 20px;
     margin: 4px 8px 12px 16px;
 }
 </style>

 <body>
     <div class="block">
         <div class="item">X</div>
     </div>
     <div class="block verticalRL">
         <div class="item">X</div>
     </div>
     <div class="block verticalLR">
         <div class="item">X</div>
     </div>
     <div class="block directionRTL">
         <div class="item">X</div>
     </div>
     <div class="block directionRTL verticalRL">
         <div class="item">X</div>
     </div>
     <div class="block directionRTL verticalLR">
         <div class="item">X</div>
     </div>
 </body>

 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<link href="/css/support/grid.css" rel="stylesheet">
	<link href="/fonts/ahem.css" rel="stylesheet"/>
	<style>
	.block {
	background-color: grey;
	width: 80px;
	height: 80px;
	position: relative;
	margin-bottom: 5px;
	border: 1px solid;
	}

	.item {
	font: 15px/1 Ahem;
	background-color: green;
	width: 40px;
	height: 20px;
	margin: 4px 8px 12px 16px;
	}
	</style>

	<body>
	<div class="block">
	<div class="item">X</div>
	</div>
	<div class="block verticalRL">
	<div class="item">X</div>
	</div>
	<div class="block verticalLR">
	<div class="item">X</div>
	</div>
	<div class="block directionRTL">
	<div class="item">X</div>
	</div>
	<div class="block directionRTL verticalRL">
	<div class="item">X</div>
	</div>
	<div class="block directionRTL verticalLR">
	<div class="item">X</div>
	</div>
	</body>

	</body>
	</html>