| <!DOCTYPE html> | |
| <style> | |
| table { | |
| border-collapse: collapse; | |
| } | |
| td { | |
| background-color: #ddd; | |
| font-size: 65px; | |
| 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: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> | |