tor-browser

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

anchor-center-overflow-002-ref.html (4256B)

      1 <!DOCTYPE html>
      2 <title>anchor-center overflow adjustments (anchored > inset area)</title>
      3 
      4 <style>
      5  .container {
      6    width: 80px; height: 80px;
      7    border: solid gray;
      8    margin: 6px;
      9    position: relative;
     10    float: left;
     11  }
     12 
     13  .anchor {
     14    border: solid;
     15    margin: 16px;
     16    position: absolute;
     17  }
     18  .tl { top: 0; left: 0; }
     19  .tr { top: 0; right: 0; }
     20  .bl { bottom: 0; left: 0; }
     21  .br { bottom: 0; right: 0; }
     22 
     23  .anchored {
     24    width: 64px; height: 64px;
     25    border: solid;
     26    position: absolute;
     27    margin: 2px;
     28  }
     29 
     30  .tl { border-color: blue; }
     31  .tr { border-color: aqua; }
     32  .bl { border-color: fuchsia; }
     33  .br { border-color: orange; }
     34 
     35  body > div { clear: both; }
     36 </style>
     37 
     38 <div>
     39  <div class=container>
     40    <div class="anchor tl"></div><div class="anchored tl"></div>
     41    <div class="anchor tr"></div><div class="anchored tr"></div>
     42    <div class="anchor bl"></div><div class="anchored bl"></div>
     43    <div class="anchor br"></div><div class="anchored br"></div>
     44  </div>
     45 
     46  <div class=container>
     47    <div class="anchor tl"></div><div class="anchored tl"></div>
     48    <div class="anchor tr"></div><div class="anchored tr"></div>
     49    <div class="anchor bl"></div><div class="anchored bl"></div>
     50    <div class="anchor br"></div><div class="anchored br"></div>
     51  </div>
     52 
     53  <div class=container>
     54    <div class="anchor tl"></div><div class="anchored tl"></div>
     55    <div class="anchor tr"></div><div class="anchored tr"></div>
     56    <div class="anchor bl"></div><div class="anchored bl"></div>
     57    <div class="anchor br"></div><div class="anchored br"></div>
     58  </div>
     59 
     60  <div class=container>
     61    <div class="anchor tl"></div><div class="anchored tl"></div>
     62    <div class="anchor tr"></div><div class="anchored tr"></div>
     63    <div class="anchor bl"></div><div class="anchored bl"></div>
     64    <div class="anchor br"></div><div class="anchored br"></div>
     65  </div>
     66 
     67  <div class=container>
     68    <div class="anchor tl"></div><div class="anchored tl"></div>
     69    <div class="anchor tr"></div><div class="anchored tr"></div>
     70    <div class="anchor bl"></div><div class="anchored bl"></div>
     71    <div class="anchor br"></div><div class="anchored br"></div>
     72  </div>
     73 
     74  <div class=container>
     75    <div class="anchor tl"></div><div class="anchored tl"></div>
     76    <div class="anchor tr"></div><div class="anchored tr"></div>
     77    <div class="anchor bl"></div><div class="anchored bl"></div>
     78    <div class="anchor br"></div><div class="anchored br"></div>
     79  </div>
     80 </div>
     81 
     82 
     83 <div>
     84  <div class=container>
     85    <div class="anchor tl"></div><div class="anchored tl"></div>
     86    <div class="anchor tr"></div><div class="anchored tr"></div>
     87    <div class="anchor bl"></div><div class="anchored bl"></div>
     88    <div class="anchor br"></div><div class="anchored br"></div>
     89  </div>
     90 
     91  <div class=container>
     92    <div class="anchor tl"></div><div class="anchored tl"></div>
     93    <div class="anchor tr"></div><div class="anchored tr"></div>
     94    <div class="anchor bl"></div><div class="anchored bl"></div>
     95    <div class="anchor br"></div><div class="anchored br"></div>
     96  </div>
     97 
     98  <div class=container>
     99    <div class="anchor tl"></div><div class="anchored tl"></div>
    100    <div class="anchor tr"></div><div class="anchored tr"></div>
    101    <div class="anchor bl"></div><div class="anchored bl"></div>
    102    <div class="anchor br"></div><div class="anchored br"></div>
    103  </div>
    104 
    105  <div class=container>
    106    <div class="anchor tl"></div><div class="anchored tl"></div>
    107    <div class="anchor tr"></div><div class="anchored tr"></div>
    108    <div class="anchor bl"></div><div class="anchored bl"></div>
    109    <div class="anchor br"></div><div class="anchored br"></div>
    110  </div>
    111 
    112  <div class=container>
    113    <div class="anchor tl"></div><div class="anchored tl"></div>
    114    <div class="anchor tr"></div><div class="anchored tr"></div>
    115    <div class="anchor bl"></div><div class="anchored bl"></div>
    116    <div class="anchor br"></div><div class="anchored br"></div>
    117  </div>
    118 
    119  <div class=container>
    120    <div class="anchor tl"></div><div class="anchored tl"></div>
    121    <div class="anchor tr"></div><div class="anchored tr"></div>
    122    <div class="anchor bl"></div><div class="anchored bl"></div>
    123    <div class="anchor br"></div><div class="anchored br"></div>
    124  </div>
    125 </div>