<!DOCTYPE html> <meta charset=utf-8> <title>Test for logical margins on tbody elements in the UA style sheet</title> <style> .v-rl { writing-mode: vertical-rl; } .ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; } tbody { border: none; } .ltr tbody { border-top: thin solid; border-bottom: thin solid; } .rtl tbody { border-top: thin solid; border-bottom: thin solid; } .v-rl tbody { border-left: thin solid; border-right: thin solid; } </style> <div class=ltr> <table rules=groups> <tbody> <tr><td>A1</td><td>A2</td><td>A3</td></tr> </tbody> <tbody> <tr><td>B1</td><td>B2</td><td>B3</td></tr> </tbody> </table> </div> <div class=rtl dir=rtl> <table rules=groups> <tbody> <tr><td>A1</td><td>A2</td><td>A3</td></tr> </tbody> <tbody> <tr><td>B1</td><td>B2</td><td>B3</td></tr> </tbody> </table> </div> <div class=v-rl> <table rules=groups> <tbody> <tr><td>A1</td><td>A2</td><td>A3</td></tr> </tbody> <tbody> <tr><td>B1</td><td>B2</td><td>B3</td></tr> </tbody> </table> </div>