Próbuję uzyskać element tekstowy SVG dopasowany wewnątrz elementu svg „rect”. na przykład W poniższym przykładzie użyłem tekstu monospace z 5 znakami o rozmiarze czcionki 100px i spodziewałem się, że w pobliżu tekstu będzie prostokąt obwiedni.

Ale po prawej stronie tekstu znajduje się pusty odstęp.

<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>

Jakich selektorów CSS należy użyć dla elementu „text”?

Uwaga: Nie chcę używać metody „tekst na ścieżce”. Po prostu czcionka o stałym rozmiarze.

Dzięki;