| <!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 <p> 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 <a> 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> |
