blob: 8b9117c913569bbc124b3d9447f8c24469ccfb48 [file] [log] [blame]
<!DOCTYPE html>
<style>
thead {
break-inside: avoid;
}
</style>
<p>crbug.com/720620: The border on a div straddling a page-break doesn't overlap repeating headers.</p>
<div style="columns:2; line-height:20px; column-fill:auto; height:100px; orphans:1; widows:1; background:yellow;">
<table cellspacing="0" cellpadding="0" style="background:pink;">
<thead>
<tr>
<th>repeated header</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div>
line1<br>
line2<br>
line3<br>
<div style="border-top: 40px solid black;">
line4<br>
line5<br>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>