marker-text-align-003-ref.html (925B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Test: ::marker pseudo elements styled with 'text-align' property</title> 4 <link rel="author" title="David Shin" href="mailto:dshin@mozilla.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-lists-3/#marker-properties"> 6 <link rel="help" href="https://drafts.csswg.org/css-text/#text-align-property"> 7 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1805603"> 8 <link rel="stylesheet" href="/fonts/ahem.css"> 9 <style> 10 body { 11 direction: rtl; 12 } 13 ul { 14 width: 300px; 15 border: 1px solid black; 16 font-family: Ahem; 17 } 18 li { 19 /* Workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=1808393 */ 20 list-style-type: "A"; 21 } 22 </style> 23 <ul class="ul"> 24 <li><div style="text-align: left;">AAA</div></li> 25 </ul> 26 <ul class="ul"> 27 <li><div style="text-align: end;">AAA</div></li> 28 </ul> 29 <ul class="ul"> 30 <li><div style="text-align: center;">AAA</div></li> 31 </ul>