Google Git
Sign in
nest-open-source / manifest_repos / chromium_src / 1389d67935ffbffe8a70c1fa06867f6cf7ecf464 / . / chromium / src / third_party / blink / web_tests / fast / table / cell-width-auto.html
blob: 29eed6a21bbb49a34a351ac47a64a332fc07f2d6 [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>width in &lt;COL&gt;</title>
</head>
<body>
<div style="width: 600px;">
<p>The following two tables should be the same.</p>
<p>Table 1: width in &lt;COL&gt;</p>
<table style="table-layout:auto;">
<col style="width: 150px;">
<col style="width: 100px;">
<tr>
<td style="background: yellow;">
Cras tincidunt bibendum nunc. Morbi condimentum aliquet diam. Phasellus pulvinar, nisl at tempor auctor, dolor pede vestibulum risus, placerat malesuada dui enim nec est. Nulla leo.
</td>
<td style="background: green;">
Lorem ipsum
</td>
</tr>
</table>
<p>Table 2: width in &lt;TD&gt;</p>
<table style="table-layout:auto;">
<tr>
<td style="width: 150px; background: yellow;">
Cras tincidunt bibendum nunc. Morbi condimentum aliquet diam. Phasellus pulvinar, nisl at tempor auctor, dolor pede vestibulum risus, placerat malesuada dui enim nec est. Nulla leo.
</td>
<td style="width: 100px; background: green;">
Lorem ipsum
</td>
</tr>
</table>
</div>
</body>
</html>