应用错误收集

我目前遇到的问题是<svg>元素放在<div>中。我知道这是由于文本是从左下角渲染的，但我不想使用SVG的“Dominant Baseline”属性，因为据我所知，它在IE中不受支持。

有趣的是，以上在IE中运行良好，而不是在Chrome中。知道为什么会这样或者我怎么解决它？

请参阅下面的基本示例（适用于IE，而非Chrome）：

HTML：

<body>
<div id='test'>
    <svg id='svgName'>
        <text font-size='200'>
            testing
        </text>
    </svg>
</div>
</body>

CSS：

#test {
    height: 300px;
}

#svgName {
    margin-top: 150px;
}