Html svg和文本之间的空间

我有一个

div

，里面有

svg

和一些文本。我需要在

svg

和

text

之间留出一些空间（比如2px）。我有什么选择？ 这是你的电话号码

可能的解决办法：

使用所需数量的

或

 （这些不是旧的吗？）

选择

svg

并赋予

padding right

或

margin right

还有其他方法可以实现这一点吗

---

PS：我已经多次遇到这种情况，每次使用

我都会感到内疚：（

如果您不喜欢在元素中使用

右边距

或

填充右边距

，那么您应该使用所需数量的

或

 ；

，我希望在任何情况下，使用大量边距都是非常不好的做法，因为我们需要很长的空格。

边距有什么问题？这是公认的标准在元素之间添加空格的一种很好的方法。也就是说，文本应该正确地放在文本元素中，比如跨度或段落。哈哈，为什么害怕填充和边距？@Paulie_D首先，只有一个元素（svg）还有一个文本节点。另外，我不想选择元素只是为了留出空白。是的……但文本不应该真正位于文本节点中……甚至W3C也明确指出，他们犯的错误之一是不要求文本位于文本元素中。但是如果你不想/不能选择SVG，你就没有其他选项，因为无法选择文本节点。那么你知道答案是这样的。要么重新构造HTML，要么使用类和特殊性，要么使用

。坦率地说，最后一个选项比所有其他选项都糟糕。