内联块推两行

Question

我想为这个Web应用程序做一个旧学校的命令行界面。我似乎无法获得命令提示符和输入区域的关键细节。

它应该在同一行上。我怎么能这样做？

我的尝试在提示和contenteditable div上都使用了内联块。

的例子是here，我想问题可能是在CSS：

.ux-command-container { 
    clear:both; 
    width:100%; 
    display:block; 
    font-size:0px; 
    height:0px; 
    margin:auto; 
} 
.ux-command-line { 
    display:inline-block; 
    font-size:12px; 
    width:90%; 
    word-wrap:break-word; 
    vertical-align:top; 
    padding:0; 
    margin:auto; 
    padding:0; 
    line-height:12px; 
    margin:0 auto; 
} 
.ux-command-line:focus { 
    outline:none; 
} 
.ux-command-prompt { 
    vertical-align:top; 
    display:inline-block; 
    width:20px; 
    margin:auto; 
    padding:0; 
    font-size:12px; 
    line-height:12px; 
    white-space:normal; 
} 

Answer 1

你需要从

.ux-panel 

声明删除

white-space: pre