<!DOCTYPE html> | |
<style> | |
td { | |
background-color: #ddd; | |
border: 1px solid black; | |
} | |
tr { | |
break-inside: avoid; | |
} | |
</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="columns:2; column-fill:auto; height:5em; line-height:2em;"> | |
first column<br> | |
<table cellpadding="1" cellspacing="0"> | |
<tr> | |
<td>second column<br>second column</td> | |
</tr> | |
</table> | |
</div> |