Eu estou tentando obter um elemento de 'texto' SVG dentro de um elemento svg 'rect'. por exemplo. No exemplo abaixo, usei um texto monoespaçado de cinco caracteres com tamanho de fonte de 100 px e esperava ter um retângulo delimitador próximo ao texto.

Mas há uma lacuna em branco à direita do texto.

<svg xmlns="http://www.w3.org/2000/svg" height="200" width="1000">
    <text x="10px" y="110px" style="font-family:monospace;font-size:100px;">HELLO</text>    
    <rect x="10px" y="10px" width="500px" height="100px" style="stroke:blue;fill:none;"/> 
</svg>

Quais seletores CSS devo usar para o elemento 'text'?

Nota: Eu não quero usar o método text-on-a-path. Apenas uma fonte com um tamanho fixo.

Obrigado;