tor-browser

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

htb-ltr-ltr.html (2546B)

      1 <!DOCTYPE html>
      2 <link rel="help" href="https://drafts.csswg.org/css2/visudet.html#abs-non-replaced-width" />
      3 <link rel="match" href="htb-ref.html">
      4 <meta name="assert" content="This test checks the static position of an out of flow absolute positioned element, under various conditions." />
      5 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
      6 <style>
      7 .container {
      8  position: relative;
      9  background: green;
     10  color: green;
     11  font: 16px/1 Ahem;
     12  border: solid black 3px;
     13  width: 400px;
     14  margin: 16px 0;
     15 }
     16 .red { color: red; }
     17 .cb { position: relative; }
     18 .rtl { direction: rtl; }
     19 .ltr { direction: ltr; }
     20 .inline { display: inline; }
     21 .abs { position: absolute; }
     22 
     23 .indent { text-indent: 20px; }
     24 * { text-indent: initial; }
     25 </style>
     26 
     27 There should be no red.
     28 <div class="container ltr">
     29  XXX<span class="ltr">XX<div class="abs inline">XXXXX</div><span class="red">XXXXX</span></span>
     30 </div>
     31 
     32 <div class="container ltr indent">
     33  XXX<span class="ltr">XX<div class="abs inline">XXXXX</div><span class="red">XXXXX</span></span>
     34 </div>
     35 
     36 <div class="container ltr">
     37  XXX<span class="ltr">XX<div class="abs block">XXXXX</div><br><span class="red">XXXXX</span></span>
     38 </div>
     39 
     40 <div class="container ltr indent">
     41  XXX<span class="ltr">XX<div class="abs block">XXXXX</div><br><span class="red">XXXXX</span></span>
     42 </div>
     43 
     44 <div class="container ltr">
     45  XXX<span class="ltr cb">XX<div class="abs inline">XXXXX</div><span class="red">XXXXX</span></span>
     46 </div>
     47 
     48 <div class="container ltr indent">
     49  XXX<span class="ltr cb">XX<div class="abs inline">XXXXX</div><span class="red">XXXXX</span></span>
     50 </div>
     51 
     52 <div class="container ltr">
     53  XXX<span class="ltr cb">XX<div class="abs block">XXXXX</div><br><span class="red">XXXXX</span></span>
     54 </div>
     55 
     56 <div class="container ltr indent">
     57  XXX<span class="ltr cb">XX<div class="abs block">XXXXX</div><br><span class="red">XXXXX</span></span>
     58 </div>
     59 
     60 <div class="container ltr">
     61  <span class="cb">XXX<span class="ltr">XX<div class="abs inline">XXXXX</div><span class="red">XXXXX</span></span></span>
     62 </div>
     63 
     64 <div class="container ltr indent">
     65  <span class="cb">XXX<span class="ltr">XX<div class="abs inline">XXXXX</div><span class="red">XXXXX</span></span></span>
     66 </div>
     67 
     68 <div class="container ltr">
     69  <span class="cb">XXX<span class="ltr">XX<div class="abs block">XXXXX</div><br><span class="red">XXXXX</span></span></span>
     70 </div>
     71 
     72 <div class="container ltr indent">
     73  <span class="cb">XXX<span class="ltr">XX<div class="abs block">XXXXX</div><br><span class="red">XXXXX</span></span></span>
     74 </div>