Css 如何防止此面包屑将长文本移动到新行

我正在制作面包屑，但如果当前页面标题太长，它将在新行上显示，而不会将其拆分。。您可以看到以下示例：

为了澄清问题，我希望文本被拆分，这样它就不会显示在新行上，而是在Blog->旁边显示文本，然后显示适合的文本，直到需要拆分到新行为止，如果你明白的话。。谢谢

这是我现在掌握的代码：

main.breadcrumb.internal.wi breadcrumb{
左侧填充：0；
保证金：0；
}
主。面包屑。内。wi面包屑李{
列表样式：无；
显示：内联块；
字体大小：13px；
}
主.面包屑.内部.wi面包屑范围{
字体大小：10px；
}
主。面包屑。内。wi面包屑李a{
颜色：#000；
}
main.breadcrumb.internal.wi breadcrumb.active{
颜色：#4646；
}

Første博客为lang在passe之前提供标题

将活动元素设置为

显示：内联


.wi面包屑.活动{
颜色：#4646；
display:inline；/*将活动元素设置为
display:inline；


.wi面包屑.活动{
颜色：#4646；
display:inline；/*您的HTML无效。您不能将
作为
的子对象。您的HTML无效。您不能将
作为
的子对象。典型的，总是简单的。谢谢。典型的，总是简单的。谢谢。