<!doctype html>
<title>legend and margin (inline direction)</title>
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<style>
 fieldset { margin: 0 0 10px 0; padding: 20px; border: 10px solid; width: 500px; }
 legend { height: 10px; width: 200px; padding: 0; }

 #legend-center { margin-left: auto; margin-right: auto; }
 #legend-right { margin-left: auto; }
 #legend-10 { margin-left: 10px; }
</style>
<fieldset>
  <legend id=legend-left>left</legend>
</field