svg和文本之间的空间

Question

我有一个div svg，里面有一些文字。我需要svg和text之间的一些空格（例如2px）。我有什么选择？ 这是jsfiddle

可能的解决方案：

1. 使用所需数量的 或 （这些不是这些吗？）
2. 选择svg并提供padding-right或margin-right

有任何其他方法可以实现这一目标吗？

PS：我遇到过很多次，每次使用 我感到内疚:(

Answer 1

您不希望使用margin-right或padding-right作为元素，那么您应该使用所需数量的 或 ，我希望这会非常在很多情况下我们需要使用很长的空间。