marker-shadow-ref.html (667B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/licenses/publicdomain/ 5 --> 6 <html> 7 <head> 8 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 9 <style type="text/css"> 10 @font-face { 11 font-family: DejaVuSansMono; 12 src: url(../fonts/DejaVuSansMono.woff); 13 } 14 15 div { 16 font-family: DejaVuSansMono; 17 padding-left: 1em; 18 } 19 20 /* We put the text and marker into separate spans, because 21 overflow markers (and their shadows) are drawn separately 22 from the text frame. */ 23 span { 24 text-shadow: -0.5em 3px 2px red; 25 } 26 </style> 27 </head> 28 <body> 29 30 <div><span>Hello</span><span>...</span></div> 31 32 </body> 33 </html>