Blitz - WPT: marker-text-align-002.html

wpt / css / css-pseudo / marker-text-align-002.html

/css/css-pseudo/marker-text-align-002.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: ::marker pseudo elements styled with 'text-align' property</title>
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#marker-properties">
<link rel="help" href="https://drafts.csswg.org/css-text/#text-align-property">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1805603">
<link rel="match" href="marker-text-align-002-ref.html">
<meta name="assert" content="Checks that 'text-align' does not shift the ::marker element.">
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
ul {
  width: 300px;
  border: 1px solid black;
  font-family: Ahem;
}
li {
  /* Workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=1808393 */
  list-style-type: "A";
}
</style>
<ul class="ul">
  <li style="text-align: right;">AAA</li>
</ul>
<ul class="ul">
  <li style="text-align: end;">AAA</li>
</ul>
<ul class="ul">
  <li style="text-align: center;">AAA</li>
</ul>

/css/css-pseudo/marker-text-align-002-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: ::marker pseudo elements styled with 'text-align' property</title>
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#marker-properties">
<link rel="help" href="https://drafts.csswg.org/css-text/#text-align-property">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1805603">
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
ul {
  width: 300px;
  border: 1px solid black;
  font-family: Ahem;
}
li {
  /* Workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=1808393 */
  list-style-type: "A";
}
</style>
<ul class="ul">
  <li><div style="text-align: right;">AAA</div></li>
</ul>
<ul class="ul">
  <li><div style="text-align: end;">AAA</div></li>
</ul>
<ul class="ul">
  <li><div style="text-align: center;">AAA</div></li>
</ul>