title: SVG positioning like position:absolute
body: <p>I am trying to position an inner  element inside the root  element.  The root element is set to be 100% high and 100% wide.  However, I want the inner svg to be 10px or so from the edge of the outer svg--all except the right edge, which I would like to be 200px from the outer right edge.  I want this to display in a web browser and so the user should be able to resize the browser and hence the outer svg while the inner svg should be able to maintain the correct distance from the outer svg on each side.</p>
  
  <p>Like this:</p>
  
  <pre><code>+OUTER SVG------------------------------------------+
  |                                                   |
  |    +INNER SVG----------------+                    |
  |    |                         |                    |
  |    |                         |      200px         |
  |    |                         | &lt;---+-----+----&gt;   |
  |    |                         |                    |
  |    |                         |                    |  1
  |    |                         |                    |  0
  |    |                         |                    |  0
  |    |                         |                    |  %
  |    |                         |                    |
  |    |                         |                    |  h
  |    |                         |                    |  i
  |    +-------------------------+                    |  g
  |                                                   |  h
  |                                                   |
  +---------------------------------------------------+
                       100% Wide
  </code></pre>
  
  <p>Is it possible to do this with SVG alone?</p>