fune/testing/web-platform/tests/css/css-text/text-align/text-align-start-002.html
Manuel Rego Casasnovas a7af4d1de1 Bug 1441760 [wpt PR 9707] - [css-text] Use "Ahem" instead of "ahem" for fonts in tests, a=testonly
Automatic update from web-platform-tests[css-text] Use "Ahem" instead of "ahem" for fonts in tests

Using the lowercase version causes flakiness on Windows
(see crbug.com/724392).

BUG=817030

Change-Id: Ic4bdea7d40f0c2e96d6669430b3cce7a296e8d55
Reviewed-on: https://chromium-review.googlesource.com/940123
Reviewed-by: Koji Ishii <kojii@chromium.org>
Commit-Queue: Manuel Rego Casasnovas <rego@igalia.com>
Cr-Commit-Position: refs/heads/master@{#539748}

wpt-commits: cc52c7e80c940a475adc28142285082f2c973ed6
wpt-pr: 9707
wpt-commits: cc52c7e80c940a475adc28142285082f2c973ed6
wpt-pr: 9707
2018-03-31 22:28:05 +01:00

25 lines
No EOL
1.1 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: start, direction: ltr</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-start-ref-002.html'>
<meta name="assert" content="text-align:start aligns inline-level content to the start edge of the line box ie. left when direction is horizontal, ltr.">
<style type='text/css'>
.test { text-align: start; direction: ltr; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px Ahem; }
.ref { position: relative; height: 24px; }
#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div>
<div style="direction: rtl;">
<div class="test">XXXXX</div>
<div class="ref"><div id="rb1"></div></div>
</div>
</body>
</html>