| <!DOCTYPE html> |
| <style> |
| body { |
| width: 600px; |
| } |
| table{ |
| width: 50%; |
| border-collapse: collapse; |
| } |
| td, th { |
| border: 1px solid black; |
| line-height: 20px; |
| } |
| </style> |
| <p>crbug.com/768330: Don't let intrinsic padding in table cells skew pagination struts. The borders in the table should be properly aligned.</p> |
| <div style="height:285px; column-fill: auto; column-width: 200px;background-color: yellow;"> |
| <table id="table"> |
| <tr> |
| <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic, enim.</td> |
| <td>Veritatis, dignissimos inventore quam repellendus fuga aliquid molestiae deserunt pariatur.</td> |
| </tr> |
| <tr> |
| <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, in.</td> |
| <td>Expedita repellat, minus eius error, velit facilis! Doloribus reiciendis, praesentium.</td> |
| </tr> |
| <tr> |
| <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, aut!</td> |
| <td>Iusto optio deleniti sed dicta saepe mollitia illum deserunt fuga.</td> |
| </tr> |
| <tr> |
| <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum, nam.</td> |
| <td>Laudantium sint commodi explicabo voluptate non amet, totam nam dolorem.</td> |
| </tr> |
| </table> |
| </div> |
| <script> |
| document.body.offsetTop; |
| table.style['width'] = "100%"; |
| </script> |