SVG Rocks!

This is an SVG element inside DIV with CSS background, border, margins, and padding.

<div style="border: 1px solid green">
  <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
       style="background:#bbccff; border:3px dashed blue; padding:5px; margin:10px" >
    <rect x="0" y="0" width="100%" height="100%" fill="none" stroke="#444444"/>
    <text x="20" y="50" font-size="30" fill="purple">SVG Rocks!</text>
  </svg>
</div>