diff options
Diffstat (limited to 'tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-005.htm')
| -rw-r--r-- | tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-005.htm | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-005.htm new file mode 100644 index 00000000000..61dae9d1c2c --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-005.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: start, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test { text-align: start; direction: rtl; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file |