third_party/WebKit/LayoutTests/fast/block/positioning/absolute-in-inline-short-rtl.html

   1 <html>
   2 <head>
   3     <style>
   4         #outside {
   5             direction: rtl;
   6             unicode-bidi: bidi-override;
   7             outline: 1px dashed red;
   8             width: 600px;
   9         }
  10         #containingBlock {
  11             display: inline;
  12             position: relative;
  13             background-color: green;
  14             margin: 10px;
  15             padding: 0 10px;
  16             border: 1px solid grey;
  17             border-left: 20px solid orange;
  18             border-right: 20px solid blue;
  19         }
  20         #test {
  21             position: absolute;
  22             top: 0;
  23             right: 0;
  24             width: 100%;
  25             height: 100%;
  26             outline: 5px solid black;
  27         }
  28     </style>
  29 </head>
  30 <body>
  31     <p>The black outline box should stretch from the right <span style="color: blue;">blue</span> border, to the left <span style="color: orange;">orange</span> border.</p>
  32     <div id="outside">
  33         ILorem ipsum dolor sit amet,
  34         <span id="containingBlock">
  35             con a pariatur.
  36             <div id="test"></div>
  37             duis aute
  38         </span>
  39         irure dolor in reprehenderit.
  40     </div>
  41 </body>
  42 </html>