Ich versuche, ein SVG "Text" -Element zu erhalten, das in ein SVG "Rect" -Element passt. z.B. Im folgenden Beispiel habe ich einen Monospace-Text aus 5 Zeichen mit einer Schriftgröße von 100px verwendet und erwartet, dass sich ein Begrenzungsrechteck in der Nähe des Texts befindet.

Aber es gibt eine leere Lücke rechts vom Text.

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

Welche CSS-Selektoren soll ich für das 'text'-Element verwenden?

Hinweis: Ich möchte die Text-on-a-Path-Methode nicht verwenden. Nur eine Schrift mit einer festen Größe.

Vielen Dank;