如何以精心设计的方式将div标签中的span标签对齐？

Question

以及即时通讯stucked在这个point.please看看这个http://jsfiddle.net/karthik64/5jhgF/3/

好了先进入一些输入到输入框中并按下回车键，你会看到一个span元素添加到div，并尝试输入一些更多的价值和 我想你得到了什么问题。有谁可以告诉我，我怎样才能以合适的方式将<span>标签贴在<div>标签上。

我已经设置了我的div标签宽度并使用javscript我在div标签中添加了一些元素，并且我得到了一些类似的奇怪的bug。如果用户输入丹尼斯里奇，史蒂夫·乔布斯和比尔·盖茨我的代码工作喜欢这个

..dennis ritchie.. ..steve jobs.. ..bil 
    l gates.. 

相反，它应该是这样的

..dennis ritchie.. ..steve jobs.. 
    ..bill gates.. 

，如果它不能在剩余空间适合span标签，我想整个跨度标记元素跳转到下一行，而不是打破跨度标记值我该怎么做。请帮助我与this.any帮助是极大赞赏。谢谢

Answer 1

<span> s不是block-level elements并且不呈现像你descri默认情况下（他们用文字包装）。将CSS display: inline-block;应用到您的跨度以防止它们缠绕。

Answer 2

在较新的浏览器上，将display: inline-block;添加到.music_elements样式规则中。

在较旧的浏览器上，float: left;可能有效。