文本和SVG之间没有换行符

Question

我在一个有限宽度的容器中有一个简短的文本，后跟一个SVG。 预期的行为是，如果它的文本符大于容器宽度较长，但我想它不是以文本和SVG之间右路突破：

现在的结果是：

预期结果：

添加<nobr>或<span>标记位于文本中间（蓝色之前），并在SVG不是选项后关闭它，因为文本来自外部数据库并且无法编辑。

<span class="text"> 
    Jack Wolfskin Jacke Colorado Flex - Midnight Blue 
</span> 
<span class="svg"> 
    <svg> 
    .... 
    </svg> 
</span> 

Answer 1

外接显示器块为SVG容器：

.svg { 
    display: inline-block; 
}