title: SVG path cut-off by the container
body: <p><a href="http://i.imgur.com/JHTkXQz.png" rel="nofollow">This</a> is my SVG path</p>
  
  <p>My CSS code as follows;</p>
  
  <pre><code>svg {
      width: 200px;
     height: 200px;
      background-color: #2a0800;
  }
  
  svg path{
      stroke-width: 20;
      stroke-opacity: 1;
      stroke: #ff682b;
  }
  </code></pre>
  
  <p>The SVG path is cut by the borders of the square. How can I increase the size of this container/black-background dynamically so that that when I increase the stroke-width, I don't get this cut-off.</p>