Rectangle border around SVG text

Question

Trying to put a border around some SVG text, and I am getting varying results.

HTML: (with the mute class)

Answer 1

SVG elements don't support the CSS border property as you have discovered. Your options are

1. Draw a red around the text as a border
2. Put a border on the outer element if its parent is a html element. The outer element is a replaced element and will support the CSS border property.