Firefox在同一行强制文本

Question

我有一段HTML和CSS

<style type="text/css">
    #main *{
        position:absolute;
    }
</style>

<div id="main">
    <div class="cards_description">
        Business
        <br />
        Cards!
    </div>
</div>

在Firefox中。尽管有一个换行符。文字在同一行

  

名片！

而不是

  

商业

     

卡！

我在chrome中没有这个问题。是否有一些CSS可以纠正这个问题？

我使用的是Firefox 17.0.1版。

Answer 1

尝试将其打包在<p>标记中，例如：<p>Business <br />Cards!</p>

Answer 2

<style type="text/css">
    ...
    .cards_description span {
        display : block;
    }
    ...
</style>

<div id="main">
    <div class="cards_description">
        <span>Business</span> <span>Cards!</span>
    </div>
</div>