选框 - 换行成两行而不是一行 - css

Question

我的div css看起来像

#another_div
{
    white-space:pre-wrap;
    font-size:1.5em;
    position:fixed;
    height:6%;
    display:block;
    background:#FFF;
    width:100%;
    text-align:center;
    top:30%;
    padding-top:1%;
    -webkit-marquee: auto medium infinite scroll normal;   
    overflow-x: -webkit-marquee;

}

在这个div中，我正在加载一些来自某个页面的动态内容。它显示为

啊

                         BBBBBBBBBB

但我希望它作为

啊

我已经尝试了"white-space": "nowrap".没用。

它是一个选框，所以它应该浮动在一行中。为什么会坏？？我检查了这条线。没有换行标记。如何使它在一行中选框？

Answer 1

white-space: nowrap;应该可以工作。查看下面的演示

演示

Answer 2

>white-space: pre;会带走你所有的休息时间！