<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en-GB" xmlns="http://www.w3.org/1999/xhtml" lang="en-GB"><head>

   
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <style type="text/css">
        h1 {
            color: #990000;
        }
        .panel {
            display: block;
            width: 306px;            
            background: #ddd;
            float: left;
            margin-right: 14px;
            padding: 6px;
        }
        hr {
            display: block;
            clear: both;
            margin: 16px 0;
        }
        .rtl {
            direction: rtl;
        }
        
        
        .ltr a,
        .ltr p {
            padding-left: 40px;
            background: #ddd url(resources/gradient.png) no-repeat scroll top left;            
        }
        .rtl a,
        .rtl p {            
            padding-right: 40px;
            background: #ddd url(resources/gradient.png) no-repeat scroll top right;
        }         
      </style>
   </head><body>
        <h1>Webkit background image positioning on RTL text</h1>
        <h2>Behaviour within &lt;p&gt; tag</h2>
        <div class="panel ltr">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Nam mollis, elit eu vulputate ornare, est urna congue felis, id auctor 
arcu odio imperdiet nulla. Cras viverra interdum diam blandit 
adipiscing. Aliquam erat felis, iaculis sit amet rhoncus quis, 
condimentum at nisl. Duis malesuada quam vel augue hendrerit porta. 
Nulla vitae elementum mauris.</p>             
        </div>
        
        <div class="panel rtl">
            <p>
            הובלת דירות בכל הארץ שירות, איכות ומחירים ללא תחרות הובלת דירות בכל הארץ שירות, איכות ומחירים ללא תחרות הובלת דירות בכל הארץ שירות, איכות ומחירים ללא תחרות
            
            </p>
        </div>    
        
        <hr>
          
        <h2>Behaviour within &lt;a&gt; tag</h2>          
        <div class="panel ltr">
            <a href="#">Lorem ipsum dolor sit amet, consectetur 
adipiscing elit. Nam mollis, elit eu vulputate ornare, est urna congue 
felis, id auctor arcu odio imperdiet nulla. Cras viverra interdum diam 
blandit adipiscing. Aliquam erat felis, iaculis sit amet rhoncus quis, 
condimentum at nisl. Duis malesuada quam vel augue hendrerit porta. 
Nulla vitae elementum mauris.</a>             
        </div>
        
        <div class="panel rtl">            
            <a href="#">
                        הובלת דירות בכל הארץ שירות, איכות ומחירים ללא תחרות הובלת דירות בכל הארץ שירות, איכות ומחירים ללא תחרות הובלת דירות בכל הארץ שירות, איכות ומחירים ללא תחרות
            
            </a>            
        </div>
                 
   </body></html>