marker-content-007-ref.html (574B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Reference: ::marker pseudo elements styled with 'content' property and display:inline-grid</title> 6 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 7 <style> 8 li { 9 list-style-position: inside; 10 list-style-type: none; 11 } 12 li::before { 13 content: "ab"; 14 display: inline-block; 15 width: 50px; 16 text-align: right; 17 padding-right: 60px; 18 } 19 li::after { 20 content: "d"; 21 } 22 span { font-size: 32pt; } 23 </style> 24 </head> 25 <body> 26 <ol><li>c</li><li>cB</li><li>c<span>C</span></li></ol> 27 </body> 28 </html>