<html> <head> <style> div { margin: 30px; } div > span { background: silver; font-size: 18px; } .tl { text-shadow: red -10px -10px 0; } .br { text-shadow: red 10px 10px 0; } </style> </head> <body> <p> This is a regression test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=7301">http://bugzilla.opendarwin.org/show_bug.cgi?id=7301</a> Text shadow does not repaint correctly</i>. </p> <hr> <div> <span class="tl">Lorem ipsum dolor sit amet</span> </div> <div> <span class="br">Lorem ipsum dolor sit amet</span> </div> <div> Lorem ipsum <span class="tl">dolor sit amet</span> </div> <div> <span class="br">Lorem ipsum</span> dolor sit amet </div> </body> </html>