1599841-1-ref.html (1151B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Arabic subtending mark, CSS counter, Noto Nastaliq Urdu</title> 6 <style> 7 @font-face { 8 font-family: "NotoNastaliqUrduWeb"; 9 src: url("../fonts/NotoNastaliqUrdu-Regular.ttf") format("truetype"); 10 } 11 12 p { 13 margin-right: 40px; 14 text-align: right; 15 } 16 17 ul { 18 font-family: "NotoNastaliqUrduWeb", sans-serif; 19 list-style: none; 20 } 21 22 ul.ref li::before { 23 content: "\0602"; 24 background: blue; 25 color: white; 26 } 27 28 ul.ref.green li::before { 29 background: green; 30 color: transparent; 31 } 32 </style> 33 </head> 34 35 <body> 36 <p>The width of the green bar should match the blue reference block:</p> 37 38 <ul class="ref" lang="ur" dir="rtl"> 39 <li></li> 40 </ul> 41 42 <ul class="ref green" lang="ur" dir="rtl"> 43 <li></li> 44 <li></li> 45 <li></li> 46 <li></li> 47 <li></li> 48 <li></li> 49 <li></li> 50 <li></li> 51 <li></li> 52 </ul> 53 </body> 54 55 </html>