Html 带有svg的空白空间

在上面的第一个文本和svg中，我有一个空白，我如何删除这个空白

h1{
背景色：红色；
}

测试

我假设在

h1

元素上没有设置边距

---

只需添加

display:block到
svg
元素。它应该能起作用。
谢谢你的帮助，但你能解释一下原因吗？你可以看看相关的问题。很多人解释过，他们做得肯定比我做得好。