bidi-span-003-ref.html (548B)
1 <!DOCTYPE html> 2 <style> 3 .container { 4 width: 300px; 5 background: pink; 6 } 7 div { 8 margin-bottom: 10px; 9 text-align: right; 10 } 11 .purple { 12 border: purple solid 5px; 13 } 14 .orange { 15 background: orange; 16 } 17 </style> 18 <body> 19 <div class="container"> 20 <div> 21 <span class="purple">inspect</span><span class="orange">pause</span> 22 </div> 23 <div> 24 <span class="purple">inspect</span> <span class="orange">pause</span> 25 </div 26 <div> 27 <span class="purple">inspect<span class="orange">pause</span></span> 28 </div> 29 </div> 30 </body>