<!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>