multiline-reverse-wrap-baseline-ref.html (1450B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 table { 6 border-spacing: 0; 7 border-collapse: collapse; 8 margin-bottom: 10px; 9 } 10 11 td { 12 padding: 0; 13 width: 100px; 14 } 15 </style> 16 </head> 17 <body> 18 19 <table style="background-color: #aaa"> 20 <tr><td colspan=2 style="height: 5px"></td></tr> 21 <tr> 22 <td style="vertical-align: top"><div style="background-color: pink">third</div></td> 23 <td style="background-color: yellow">fourth<br>fourth</td> 24 </tr> 25 <tr> 26 <td style="background-color: lightblue">first<br>first<br>first</td> 27 <td style="vertical-align: top"><div style="background-color: lightgreen">second</div></td> 28 </tr> 29 </table> 30 31 <table style="background-color: #aaa"> 32 <tr> 33 <td style="vertical-align: top"><div style="background-color: pink">third</div></td> 34 <td style="background-color: yellow">fourth<br>fourth</td> 35 </tr> 36 <tr><td colspan=2 style="height: 5px"></td></tr> 37 <tr> 38 <td style="background-color: lightblue">first<br>first<br>first</td> 39 <td style="vertical-align: top"><div style="background-color: lightgreen">second</div></td> 40 </tr> 41 </table> 42 43 <table style="background-color: #aaa"> 44 <tr> 45 <td style="vertical-align: top; background-color: lightblue; height: 100px">first</td> 46 <td style="vertical-align: bottom"><div style="background-color: lightgreen">second</div><div> </div></td> 47 <td style="vertical-align: bottom"><div style="background-color: pink">third<br>third</div></td> 48 </tr> 49 </table> 50 51 </body> 52 </html>