| <!doctype html> |
| <html> |
| <head> |
| <style> |
| .default { |
| background-color: lime; |
| margin: 5px; |
| } |
| .ltr { |
| direction: ltr; |
| background-color: lime; |
| margin: 5px; |
| } |
| .rtl { |
| direction: rtl; |
| background-color: lime; |
| margin: 5px; |
| } |
| </style> |
| </head> |
| <body> |
| <p>This test the style is not copied from the wrong source when the direction is defined.</p> |
| <!-- The inline style strings must be strictly equal. Each tested div must also match the exact same set of rules. --> |
| <div class="ltr"> |
| <div style="height: 25px; width: 50px; background-color: red; margin-inline-start: 200px; -moz-margin-start: 200px;"></div> |
| <div> |
| <div style="height: 25px; width: 50px; background-color: red; margin-inline-start: 200px; -moz-margin-start: 200px;"></div> |
| </div> |
| </div> |
| <div class="rtl"> |
| <div style="height: 25px; width: 50px; background-color: red; margin-inline-start: 200px; -moz-margin-start: 200px;"></div> |
| <div> |
| <div style="height: 25px; width: 50px; background-color: red; margin-inline-start: 200px; -moz-margin-start: 200px;"></div> |
| </div> |
| </div> |
| <div class="default"> |
| <div style="height: 25px; width: 50px; background-color: red; margin-inline-start: 200px; -moz-margin-start: 200px;"></div> |
| <div> |
| <div style="height: 25px; width: 50px; background-color: red; margin-inline-start: 200px; -moz-margin-start: 200px;"></div> |
| </div> |
| </div> |
| </body> |
| </html> |
