gecko-dev/testing/web-platform/tests/css/css-text/text-align/text-align-end-007.html
Luke Zielinski 0ce9f7c61a Bug 1556841 [wpt PR 17173] - Load Ahem as a webfont everywhere (part 2), a=testonly
Automatic update from web-platform-tests
 Load Ahem as a webfont everywhere (part 2) (#17173)

This change updates a large number of reftests to link to the
`/fonts/ahem.css` stylesheet. Each file contains a single additional
line before the first `<style>` element:
```
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
```
--

wp5At-commits: 9c780585758acf5e9ac6d17ad9bd03c83404c7e6
wpt-pr: 17173
2019-06-19 11:06:58 -07:00

26 lines
No EOL
1.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8">
<title>text-align: end, dir=rtl</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'>
<link rel='match' href='reference/text-align-end-ref-007.html'>
<meta name="assert" content="text-align:end aligns inline-level content to the end edge of the line box ie. left when direction is horizontal, rtl.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type='text/css'>
.test { text-align: end; }
/* 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; left: 0; background-color: orange; width: 72px; height: 72px; }
#rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; }
#rb3 { position: absolute; top: 0; left: 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="test" dir="rtl">XXX XXX XXX XXX XXX XXX XXX XXX</div>
<div class="ref"><div id="rb1"></div><div id="rb2"></div><div id="rb3"></div></div>
</body>
</html>