Html 为什么赢了'；t我的<；图例>；元素内联显示？

我正在尝试应用

display:inline

到my

元素中的

元素，这样下面的

将跟随在同一行上，但我的CSS无效

图例{
显示：内联；
}
跨度{
显示：内联；
}

传奇
跟随者

图例是特殊的。特别是，它们的默认呈现不能用CSS描述，因此浏览器使用非CSS的呈现方式。这意味着静态定位的图例将被视为图例，并与字段集的实际内容分离

---

奇怪的事情还不止于此；如果颠倒跨距和图例的顺序，图例仍将在大多数浏览器中显示在顶部（但显然不是在Opera中）。

图例只是不接受

显示：内联

或

显示：内联块

，但是你可以给它浮动：左，它将以你想要的方式显示。

元素是“不可靠的”。您是否考虑过简单地将

移动到

中？您不能在

图例中创建两个跨距来执行您想要的操作吗
LegendFollower
对问题进行了编辑，使问题更加清晰。Firefox Bugzilla中的相关问题Chrome的Bug tracker中的相关问题：“默认呈现不能用CSS描述”这是什么意思，为什么会这样？对我来说，这听起来是一种实现HTML元素的糟糕方法。它的意思是：传统的字段集呈现实际上不能用CSS表示。特别是图例会根据需要使字段集变宽，以及字段集的边界围绕图例绘制的方式。这对我来说是可行的，Firefox 51.0.1和IE 11，但这可靠吗？@R.Schreurs我在这方面取得了很多成功。。。如果我不支持IE 11/Edge，我也会对图例使用
width:fit content