html - 选框 - 线分成两部分而不是单行 - 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 中，我加载了一些来自某个页面的动态内容。它显示为

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

                         BBBBBBBBBB

但我想要它作为

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBBBBBBBBBBBBB

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

它是一个选取框，所以它应该在一行中 float 。为什么会断？？我检查了线路。没有换行标记。 如何让它在一行中成为字幕？

Answer 1

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

DEMO