chromium/src/third_party/blink/web_tests/fast/table/inline-table-margin-baseline.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <html>
 <head>
 <style>
 .container {
     border: solid 1px black;
 }
 .vertical {
     -webkit-writing-mode: vertical-rl
 }
 .block {
     display:inline-block;
     background: aqua;
 }
 .h-table {
     margin-top: 50px;
 }
 .v-table {
     margin-right: 50px;
 }
 table {
     display: inline-table;
     font-size: 40px;
     background: tan;
     border-spacing: 0px;
 }
 td {
     padding: 0px;
 }
 </style>
 </head>
 <body>
 This test checks whether the inline-table's baseline is computed correctly when adding margins or not.
 <div class="container">
     <div class="block">This text should be baseline-aligned with </div>
     <table class="h-table"><td>this text.</table>
 </div>
 <div class="container vertical">
     <div class="block">This text should be baseline-aligned with </div>
     <table class="v-table"><td>this text.</table>
 </div>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	.container {
	border: solid 1px black;
	}
	.vertical {
	-webkit-writing-mode: vertical-rl
	}
	.block {
	display:inline-block;
	background: aqua;
	}
	.h-table {
	margin-top: 50px;
	}
	.v-table {
	margin-right: 50px;
	}
	table {
	display: inline-table;
	font-size: 40px;
	background: tan;
	border-spacing: 0px;
	}
	td {
	padding: 0px;
	}
	</style>
	</head>
	<body>
	This test checks whether the inline-table's baseline is computed correctly when adding margins or not.
	<div class="container">
	<div class="block">This text should be baseline-aligned with </div>
	<table class="h-table"><td>this text.</table>
	</div>
	<div class="container vertical">
	<div class="block">This text should be baseline-aligned with </div>
	<table class="v-table"><td>this text.</table>
	</div>
	</body>
	</html>