tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

legend-align.html (1937B)

      1 <!doctype html>
      2 <title>legend align</title>
      3 <script src=/resources/testharness.js></script>
      4 <script src=/resources/testharnessreport.js></script>
      5 <fieldset><legend align=left>x</legend></fieldset>
      6 <fieldset><legend align=center>x</legend></fieldset>
      7 <fieldset><legend align=right>x</legend></fieldset>
      8 <fieldset><legend align=justify>x</legend></fieldset>
      9 <div align=left>
     10 <fieldset><legend>x</legend></fieldset>
     11 </div>
     12 <div align=center>
     13 <fieldset><legend>x</legend></fieldset>
     14 </div>
     15 <div align=right>
     16 <fieldset><legend>x</legend></fieldset>
     17 </div>
     18 <div align=justify>
     19 <fieldset><legend>x</legend></fieldset>
     20 </div>
     21 <div style="text-align: center">
     22 <fieldset><legend>x</legend></fieldset>
     23 </div>
     24 <div style="text-align: center" align=center>
     25 <fieldset><legend>x</legend></fieldset>
     26 </div>
     27 <fieldset><legend style="margin: 0 auto">x</legend></fieldset>
     28 <fieldset><legend style="margin: 0 0 0 auto">x</legend></fieldset>
     29 <fieldset dir=rtl><legend>x</legend></fieldset>
     30 <fieldset dir=rtl><legend style="text-align: left">x</legend></fieldset>
     31 <script>
     32 function test_align(selectorTest, selectorRef) {
     33  const testElm = document.querySelector(selectorTest);
     34  const refElm = document.querySelector(selectorRef);
     35  test(() => {
     36    assert_equals(testElm.offsetLeft, refElm.offsetLeft, `expected ${selectorRef}`);
     37  }, selectorTest);
     38 }
     39 
     40 for (const val of ['left', 'center', 'right', 'justify']) {
     41  test_align(`div[align=${val}] legend`, `legend[align=left]`);
     42 }
     43 
     44 test_align(`div[style="text-align: center"] legend`, `legend[align=left]`);
     45 test_align(`div[style="text-align: center"][align=center] legend`, `legend[align=left]`);
     46 test_align(`legend[style="margin: 0 auto"]`, `legend[align=center]`);
     47 test_align(`legend[style="margin: 0 0 0 auto"]`, `legend[align=right]`);
     48 test_align(`fieldset[dir=rtl] legend`, `legend[align=right]`);
     49 test_align(`fieldset[dir=rtl] legend[style="text-align: left"]`, `legend[align=right]`);
     50 </script>