<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en_US">
 <head>
  <title>SVG in HTML: Does It Work?</title>
  <style type="text/css">
   body {line-height: 125%;}
   li {margin-bottom: 10px;}
  </style>
 </head>

 <body>
  <h2>Here we have a rectangle in green:</h2>

<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <defs>
		<style type="text/css"><![CDATA[
		polygon { fill: green;    stroke: black;  stroke-width: 1}
		]]>
		</style>
  </defs>
  <polygon id="_10001001" points="10,10 10,90 90,90 90,10" area="6400" circumference="320"/>
</svg>

  <h2>Here we have the same rectangle, but smaller:</h2>

<svg width="50" height="50" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
   <polygon id="_10001002" points="10,10 10,90 90,90 90,10" area="6400" circumference="320"/>
</svg>

</body>
</html>
