HTML CSS examples for SVG:Circle
SVG Text with Shadow in Internet Explorer
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .svg-wrap {<!-- w ww . j a v a 2 s. c o m--> position:relative; } .shadow { text-shadow:-2px 0 white, 0 2px white, 2px 0 white, 0 -2px white; position:absolute; top:21px; left:41px; } </style> </head> <body> <div class="svg-wrap"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" version="1.1" width="100" height="100"> <g> <rect x="0" y="0" width="100" height="100" fill="gray" /> <circle cx="50" cy="50" r="5" /> </g> </svg> <p class="shadow">Lorem </p> </div> </body> </html>