bidi-span-003.html (810B)
1 <!DOCTYPE html> 2 <title>CSS Test: Bidi reordering with inline boxes</title> 3 <link rel="match" href="bidi-span-003-ref.html"> 4 <link rel="help" href="https://drafts.csswg.org/css2/visuren.html#direction"> 5 <link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> 6 <style> 7 .container { 8 width: 300px; 9 background: pink; 10 } 11 div { 12 margin-bottom: 10px; 13 } 14 .purple { 15 border: purple solid 5px; 16 } 17 .orange { 18 background: orange; 19 } 20 </style> 21 <body> 22 <div class="container"> 23 <div dir=rtl> 24 <span class="purple">inspect</span><span class="orange">pause</span> 25 </div> 26 <div dir=rtl> 27 <span class="purple">inspect</span> <span class="orange">pause</span> 28 </div> 29 <div dir=rtl> 30 <span class="purple">inspect<span class="orange">pause</span></span> 31 </div> 32 </div> 33 </body>