获取LEGEND标记以正确包装文本

Question

传奇标签总是令人讨厌，因为它们不遵守许多CSS规则。

我正在尝试将LEGEND标记中的文本换行，使用典型的解决方法，使用span来包装LEGEND中的文本并设置宽度并显示：block。

 <legend>
    <span style="border: 1px solid blue; width: 250px; display: block">
        This text should wrap if it gets longer than 250px in width
    </span>
 </legend>

我认为这曾经在Firefox中运行，但在3.6中似乎不再起作用了。样品：

http://jsbin.com/exeno/5

它仍可在IE中使用。

是否有人为此找到了解决办法，或者仅仅是放弃LEGEND标记并返回H＃标签？

Answer 1

试图让同样的事情发挥作用。在我的场景中，Firefox需要

legend {white-space:normal;}

Answer 2

是否要求使用<span>代码？我能够在Firefox 3.6.2中使用<div>标记并删除dislay: block;元素（因为在这种情况下不需要），如下所示。

<legend>
    <div style="border: 1px solid blue; width: 250px;">
        This text should wrap if it gets longer than 250px in width
    </div>
 </legend>

除非必须使用<span>标记，否则它至少是另一种选择。