li-text-align.html (635B)
1 <!doctype html> 2 <title>text-align: match-parent on li</title> 3 <meta name="viewport" content="width=device-width"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <ul dir=rtl><li dir=ltr></li></ul> 7 <ul dir=ltr><li dir=rtl></li></ul> 8 <script> 9 test(() => { 10 const li = document.querySelector('li[dir=ltr]'); 11 assert_equals(getComputedStyle(li).textAlign, 'right'); 12 }, '<ul dir=rtl><li dir=ltr>'); 13 14 test(() => { 15 const li = document.querySelector('li[dir=rtl]'); 16 assert_equals(getComputedStyle(li).textAlign, 'left'); 17 }, '<ul dir=ltr><li dir=rtl>'); 18 </script>