Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/tables/mozilla_expected_failures/bugs/bug91057.html 

<!DOCTYPE html "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title> Caption Margin Test  bug 91057</title>
<style type="text/css">
* {border: 1px solid}
.one {
	margin-left: 50px;
}
.two {
	margin-right: 50px;
}
.three {
	margin: 50px;
}
.four {
	margin-left: 5%;
}
.five {
	margin-right: 5%;
}
.six {
	margin: 5%;
}
</style>
</head>
<body bgcolor="#FFFFFF">

<h1>Caption Margin Test</h1>

<div style="border: 1px solid green; width: 100px">
100px
</div>
<div style="border: 1px solid red; width: 50px">
50px
</div>

<h2>Control</h2>

<table>
<caption>TA</caption>
<tr>
  <td>Table Cell 1</td>
  <td>Table Cell 2</td>
</tr>
</table>

<table>
<caption>TB</caption>
<tr>
  <td>Table Cell 1 Table Cell 1</td>
  <td>Table Cell 2 Table Cell 2</td>
</tr>
</table>

<h2>Test 1 - "margin-left: 50px"</h2>

<table>
<caption class="one">TA</caption>
<tr>
  <td>Table Cell 1</td>
  <td>Table Cell 2</td>
</tr>
</table>

<table>
<caption class="one">TB</caption>
<tr>
  <td>Table Cell 1 Table Cell 1</td>
  <td>Table Cell 2 Table Cell 2</td>
</tr>
</table>

<h2>Test 2 - "margin-right: 50px"</h2>

<table>
<caption class="two">TA</caption>
<tr>
  <td>Table Cell 1</td>
  <td>Table Cell 2</td>
</tr>
</table>

<table>
<caption class="two">TB</caption>
<tr>
  <td>Table Cell 1 Table Cell 1</td>
  <td>Table Cell 2 Table Cell 2</td>
</tr>
</table>

<h2>Test 3 - "margin: 50px"</h2>

<table>
<caption class="three">TA</caption>
<tr>
  <td>Table Cell 1</td>
  <td>Table Cell 2</td>
</tr>
</table>

<table>
<caption class="three">TB</caption>
<tr>
  <td>Table Cell 1 Table Cell 1</td>
  <td>Table Cell 2 Table Cell 2</td>
</tr>
</table>

<table>
<caption class="three">TC</caption>
<tr>
  <td>Table Cell 1 Table Cell 1 Table Cell 1</td>
  <td>Table Cell 2 Table Cell 2 Table Cell 2</td>
</tr>
</table>

<h2>Test 4 - "margin-left: 5%"</h2>

<table>
<caption class="four">TA</caption>
<tr>
  <td>Table Cell 1</td>
  <td>Table Cell 2</td>
</tr>
</table>

<table>
<caption class="four">TB</caption>
<tr>
  <td>Table Cell 1 Table Cell 1</td>
  <td>Table Cell 2 Table Cell 2</td>
</tr>
</table>

<h2>Test 5 - "margin-right: 5%"</h2>

<table>
<caption class="five">TA</caption>
<tr>
  <td>Table Cell 1</td>
  <td>Table Cell 2</td>
</tr>
</table>

<table>
<caption class="five">TB</caption>
<tr>
  <td>Table Cell 1 Table Cell 1</td>
  <td>Table Cell 2 Table Cell 2</td>
</tr>
</table>

<h2>Test 6 - "margin: 5%"</h2>

<table>
<caption class="six">TA</caption>
<tr>
  <td>Table Cell 1</td>
  <td>Table Cell 2</td>
</tr>
</table>

<table>
<caption class="six">TB</caption>
<tr>
  <td>Table Cell 1 Table Cell 1</td>
  <td>Table Cell 2 Table Cell 2</td>
</tr>
</table>

<table>
<caption class="six">TB</caption>
<tr>
  <td>Table Cell 1 Table Cell 1 Table Cell 1</td>
  <td>Table Cell 2 Table Cell 2 Table Cell 2</td>
</tr>
</table>

</body>
</html>