firefox - キャプションのフローティング スパン

Question

こんにちは皆さん、これは私のコードです..

...
<caption>
<span class="drawicon">&nbsp;</span>
I am the Caption Text
<span style="float:right;">Extra</span>
</caption>
...

現在のところ、Firefox ではキャプションの下に浮かぶスパンが表示されるのに、他のブラウザーでは表示されない理由がわかりません。

 ______________________________________________________________
| [icon] I am the Caption Text                                 |
|______________________________________________________________|
                                                 |_____________|<- span that floats

Answer 1

関連するCSS情報も投稿できますか?

ブラウザーが異なれば、CSS ボックス モデルの解釈も異なるため、表示方法に関する決定も異なります。Firefox はマージンの解釈が異なると思いますが、関連する CSS を表示していないため、ここで何かに影響を与えているかどうかはわかりません。

私は div を使用して幅と高さを設定することを好み、スパンの代わりにここに切り替えます。ただし、CSS ボックス モデルと、FF がそれをどのように解釈するか、他のブラウザーと比較して確認してください。