| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .container { |
| border: solid 1px black; |
| } |
| .vertical { |
| -webkit-writing-mode: vertical-rl |
| } |
| .block { |
| display:inline-block; |
| background: aqua; |
| } |
| .h-margin { |
| margin-top: 50px; |
| } |
| .v-margin { |
| margin-right: 50px; |
| } |
| table { |
| display: inline-table; |
| font-size: 40px; |
| background: tan; |
| border-spacing: 0px; |
| } |
| td { |
| padding: 0px; |
| } |
| </style> |
| </head> |
| <body> |
| This test checks whether the inline-table's baseline is computed correctly when adding margins or not. |
| <div class="container"> |
| <div class="h-margin"> |
| <div class="block">This text should be baseline-aligned with </div> |
| <table><td>this text.</table> |
| </div> |
| </div> |
| <div class="container vertical"> |
| <div class="v-margin"> |
| <div class="block">This text should be baseline-aligned with </div> |
| <table><td>this text.</table> |
| </div> |
| </div> |
| </body> |
| </html> |