title: How can I make an svg scale with its parent container?
body: <p>I want to have an inline svg element's contents scale when size is non-native. Of course I could have it as a separate file and scale it like that.</p>
  
  <p>index.html: <code>&lt;img src="foo.svg" style="width: 100%;" /&gt;</code></p>
  
  <p>foo.svg: <code>&lt;svg width="123" height="456"&gt;&lt;/svg&gt;</code></p>
  
  <p>However, I want to add additional styles to the SVG thru CSS, so linking an external one is not an option. How do I make an inline SVG scale?</p>