Estoy intentando que un elemento SVG 'text' encaje dentro de un elemento svg 'rect'. p.ej. En el siguiente ejemplo, utilicé un texto monoespacial de 5 caracteres con un tamaño de fuente de 100 px y esperaba tener un rectángulo delimitador cerca del texto.SVG, texto, fuente con anchura/altura fija
Pero hay un espacio en blanco a la derecha del 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>
¿Qué selectores CSS debo usar para el elemento 'texto'?
Nota: No deseo utilizar el método de texto en una ruta. Solo una fuente con un tamaño fijo.
Gracias;