<?xml version="1.0" encoding="UTF-8"?>
<!-- Edit this text area to see live preview to the right -->
<svg width="500" height="340" xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" >

  <defs>
    <linearGradient id="gradient0"
                    x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#88f"/>
      <stop offset="100%" stop-color="#448"/>
    </linearGradient>
  </defs>

  <rect x="50" y="50"
        width="400" height="240"
        fill="url(#gradient0)"/>

  <text x="135" y="175" fill="white">
    Welcome to the Live SVG Editor.
  </text>

</svg>