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

Question

我试图应用我display: inline;的<legend>元素中的<fieldset>元素,以便以下<span>将在同一行,但我的CSS没有任何效果.

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

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

编辑

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

Answer 1

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

奇怪的并不止于此; 如果你颠倒了跨度和图例的顺序,图例仍会在大多数浏览器中显示在顶部(但显然不在Opera中).

Answer 2

传说只是不接受display: inline或display: inline-block,但你可以给它float: left,它将显示类似于你想要的.