blob: 54439becc8d869615644065923e19d00a70829ff [file] [log] [blame]
<!DOCTYPE html>
<style>
body {
width: 600px;
}
table{
width: 100%;
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>