html - 为什么我的 <legend> 元素不能内联显示？

Question

我正在尝试申请 display: inline;到 <legend>我的元素 <fieldset>元素，以便以下<span>将遵循同一行，但我的 CSS 无效。

legend{
    display: inline;
}
span {
    display: inline;
}

<fieldset>
    <legend>Legend</legend>
    <span>Follower</span>
</fieldset>

JSFiddle

编辑

我无法控制 HTML；我只能编辑 CSS

Answer 1

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

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