| <!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: 22px; |
| background: #ddd url(resources/checker.png) repeat-y scroll top left; |
| } |
| .rtl a, |
| .rtl p { |
| padding-right: 22px; |
| background: #ddd url(resources/checker.png) repeat-y 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> |
