1673677-1.html (1449B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Testcase for bug 1673677</title> 4 <style> 5 table, tr, td { 6 border: 1px solid; 7 border-width: 2px 2px 4px 4px; 8 padding: 3px 3px 6px 6px; 9 margin: 8px 8px 12px 12px; 10 border-spacing: 0; 11 } 12 td { 13 vertical-align: baseline; 14 line-height: 0; 15 } 16 .table-nested-cell { 17 /* Explicitly specify inner size, due to bug 1166120 */ 18 inline-size: 125px; 19 block-size: 100px; 20 } 21 .filler-nested-table { 22 inline-size: 50px; 23 block-size: 75px; 24 background: purple; 25 display: inline-block; 26 } 27 .filler { 28 inline-size: 40px; 29 block-size: 30px; 30 background: pink; 31 display: inline-block; 32 } 33 </style> 34 <table> 35 <tr> 36 <td class="table-nested-cell"> 37 <table style="writing-mode: vertical-lr;"> 38 <tr><td><div class="filler-nested-table"></div></td></tr> 39 </table> 40 </td> 41 <td><div class="filler"></div></td> 42 </tr> 43 </table> 44 <table style="writing-mode: vertical-lr;"> 45 <tr> 46 <td class="table-nested-cell"> 47 <table style="writing-mode: horizontal-tb;"> 48 <tr><td><div class="filler-nested-table"></div></td></tr> 49 </table> 50 </td> 51 <td><div class="filler"></div></td> 52 </tr> 53 </table> 54 <table style="writing-mode: vertical-rl;"> 55 <tr> 56 <td class="table-nested-cell"> 57 <table style="writing-mode: horizontal-tb;"> 58 <tr><td><div class="filler-nested-table"></div></td></tr> 59 </table> 60 </td> 61 <td><div class="filler"></div></td> 62 </tr> 63 </table>