Я пытаюсь получить SVG-текстовый элемент, подходящий внутри SVG-элемента "rect". например В приведенном ниже примере я использовал моноширинный текст из 5 символов с размером шрифта 100 пикселей и ожидал, что ограничивающий прямоугольник будет близок к тексту.

Но есть пробел справа от текста.

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

Какие селекторы CSS я должен использовать для элемента text?

Примечание: я не хочу использовать метод text-on-a-path. Просто шрифт с фиксированным размером.

Спасибо;