我刚开始使用SVG，我在一些教程的帮助下开始学习SVG，并创建了SVG矩形元素，当我在矩形内显示文本时，该文本将超出矩形区域。
这是我的工作代码
<!DOCTYPE html>
<html>
<body>
<svg width="350" height="150" viewBox="0 0 350 250"><rect x="5" y="55" width="250" height="140" style="fill: white; stroke:black;stroke-width:2"/><g style="overflow:hidden; font-size:18; font-family: Arial;font-weight:Bold; "></text><text x="10" y="75" style="fill: red; ">Test Case for the 1 checking< the use case for </text></g></svg>
</body>
</html>
输出：
Test Case for the 1 checking the use case for
目标输出：
Test Case for the 1 checking
the use case for --> Dynamic
我希望将文本嵌入到该矩形区域中。可以通过向我提供一些有用的信息来指导我吗？