Html 使用aria label面包屑时，如何在新行上放置p标记？

我有一个导航元素，正在尝试在面包屑导航栏下面而不是旁边显示文本。我尝试在CSS中向我的navbar属性添加一个

display:inline块

行，但仍然得到相同的结果

当我在导航栏后面有2个或3个

标记时，它可以工作，但我不想在每个页面上都这样做。我想用CSS

以下是片段：

。首先{
显示：内联块；
}
导航面包屑{
垫面：0.8em；
垫底：0.8em；
左侧填充：0.5em；
右侧填充：0.5em；
边界：1px固体hsl（0,0,90%）；
边界半径：4px；
背景：hsl（300，14%，97%）；
字体大小：14px；
浮动：左；
最大宽度：45%；
}
导航面包屑{
保证金：0；
左侧填充：0；
列表样式：无；
左：0px；
}
导航面包屑李{
显示：内联；
}
导航面包屑li+li：：之前{
显示：内联块；
边缘：0.25微米；
变换：旋转（15度）；
右边框：0.1米纯色；
高度：0.8em；
内容：''；
}
nav.breadcrumb[aria current=“page”]{
颜色：#000；
字号：700；
文字装饰：无；
最大宽度：45%；
}

雅诺铰刀
请与我们联系以获取或询问以下未列出的其他产品。

这是否达到了您的要求

---

删除

nav.breadcrumb

上

nav.breadcrumb
中的
float:left
添加样式
显示：内联块并删除浮动：左

删除
显示：内联块来自
。首先


nav.breadcrumb{
垫面：0.8em；
垫底：0.8em；
左侧填充：0.5em；
右侧填充：0.5em；
边界：1px固体hsl（0,0,90%）；
边界半径：4px；
背景：hsl（300，14%，97%）；
字体大小：14px；
最大宽度：45%；
显示：内联块；
}
导航面包屑{
保证金：0；
左侧填充：0；
列表样式：无；
左：0px；
}
导航面包屑李{
显示：内联；
}
导航面包屑li+li：：之前{
显示：内联块；
边缘：0.25微米；
变换：旋转（15度）；
右边框：0.1米纯色；
高度：0.8em；
内容：''；
}
nav.breadcrumb[aria current=“page”]{
颜色：#000；
字号：700；
文字装饰：无；
最大宽度：45%；
}



雅诺铰刀
请与我们联系以获取或询问以下未列出的其他产品。
如果您希望它占据整个产品线，请删除
nav上的
float:left
。
.first {
  display: inline-block;
  width: 100%;
}