blob: 5a7b846b6c682afb85f03277779f6a566be08e2d [file] [log] [blame]
<!DOCTYPE html>
<style>
table {
border-collapse: collapse;
}
td {
background-color: #ddd;
font-size: 65px;
border: 1px solid black;
}
</style>
<p>crbug.com/99124: A break-inside:avoid row doesn't fit on page, so it breaks and the text inside it moves to avoid straddling the page-break.</p>
<div style="-webkit-columns:3; column-fill:auto; height:210px; background:yellow;">
<table>
<tr><td>Text Text Text Text Text Text Text Text Text Text Text Text Text Text</td></tr>
</table>
</div>