<!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> | |