tor-browser

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

backplate-bg-image-011-ref.html (1336B)

      1 <!DOCTYPE html>
      2 <title>Reference: Backplates should not include margins, indentation, padding, border space, or text-alignment space.</title>
      3 <style>
      4  .outer {
      5    background: url("blue.png");
      6  }
      7  div {
      8    margin-bottom: 30px;
      9  }
     10  .fake-backplate {
     11    background-color: white;
     12  }
     13 </style>
     14 <div class="outer">
     15  <div><span class="fake-backplate">div</span></div>
     16  <div style="margin-left: 30px"><span class="fake-backplate">div w/ margin-left</span></div>
     17  <div><span style="margin-left: 100px" class="fake-backplate">span w/ margin-left</span></div>
     18  <div><span><span style="margin: 0px 100px" class="fake-backplate">nested span w/ margin on inner</span></span></div>
     19  <div><span style="padding: 0px 50px"><span class="fake-backplate">span w/ padding</span></span></div>
     20  <div><span style="border: 10px dotted black"><span class="fake-backplate">span w/ thick dotted border</span></span></div>
     21  <div style="text-align: center"><span class="fake-backplate">div w/ text-align:center</span></div>
     22  <div style="text-align: right"><span class="fake-backplate">div w/ text-align:right</span></div>
     23  <div style="direction: rtl; text-align: center"><span class="fake-backplate">div w/ RTL &amp; text-align:center</span></div>
     24  <div style="text-indent: 200px"><span class="fake-backplate">div w/ text-indent</span></div>
     25 </div>