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