title: SVG - Text with background color and rounded borders
body: <p>Is it possible to make such a thing with pure SVG?</p>
  
  <p><a href="https://i.stack.imgur.com/xgKFa.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xgKFa.jpg" alt="enter image description here"></a></p>
  
  <p>Without Javascript, fixed sizes or html.</p>
  
  <p>I tried to use a rect element but this is not a flexible solution.</p>
  
  <p>I tried to use a filter but this is a solution without rounded corners.</p>