412093-1-ref.html (1127B)
1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 4 <title>Bidi text in inline with background image</title> 5 <style type="text/css"> 6 body { 7 font-size: 0; 8 } 9 i { 10 background-image: url(mozilla-banner.gif); 11 background-repeat: no-repeat; 12 } 13 i, b { 14 padding: 29px 30px; 15 line-height: 58px; 16 } 17 .l0{ 18 background-position: 0 0; 19 } 20 .l60{ 21 background-position: -60px 0; 22 } 23 .l120{ 24 background-position: -120px 0; 25 } 26 .l180{ 27 background-position: -180px 0; 28 } 29 .r0{ 30 background-position: -540px 0; 31 } 32 .r60{ 33 background-position: -480px 0; 34 } 35 .r120{ 36 background-position: -420px 0; 37 } 38 .r180{ 39 background-position: -360px 0; 40 } 41 </style> 42 </head> 43 <body> 44 <p dir="rtl"><i class="l180"></i><br><i class="l120"></i><i class="l60"></i><b></b><i class="l0"></i></p> 45 <p dir="rtl"><i class="r0"></i><br><i class="r60"></i><i class="r120"></i><b></b><i class="r180"></i></p> 46 <p dir="ltr"><i class="l0"></i><br><i class="l60"></i><b></b><i class="l120"></i><i class="l180"></i></p> 47 <p dir="ltr"><i class="r180"></i><br><i class="r120"></i><b></b><i class="r60"></i><i class="r0"></i></p> 48 </body> 49 </html>