marker-content-010-ref-001.html (839B)
1 <!DOCTYPE html> 2 <html><head> 3 <meta charset="utf-8"> 4 <title>CSS Reference: ::marker pseudo elements styled with 'content' property</title> 5 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 6 <style> 7 html,body { 8 color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0; 9 } 10 body { margin-left: 40px; } 11 .h m { display:inline-block; width:0; height:0; position:relative; left: -3ch; font-size: 16px; line-height:0; } 12 .big { font-size:xx-large; } 13 .big-marker m { font-size:xx-large; } 14 li { display: block; } 15 </style> 16 </head><body> 17 <ol class="h"> 18 <li><div class="big"><m>1.</m>C<br>D</div></li> 19 <li><div></div><div class="big"><m>2.</m>C<br>D</div> 20 </li> 21 </ol> 22 <ol class="big-marker h"> 23 <li><div><m>1.</m>C<br>D</div></li> 24 <li><div></div><div><m>2.</m>C<br>D</div></li> 25 </ol> 26 </body></html>