CSS样式 - DIV - 如何防止div元素跳到下一行？

Question

对于我下面的两个div元素，我将如何防止div元素跳到下一行？

<div class = "one"> 
    One 
    <div class = "two"> 
    Two 
    </div> 
</div> 

这导致：

One 
Two 

问：我如何让它进来一排故如下：

OneTwo 

Answer 1

简单...

我的小提琴http://jsfiddle.net/blackhawx/LfN9C/6/

Answer 2

更改第二div到span：

<span class = "two"> 
    Two 
    </span> 

两个原因：

• 它不添加任何额外的CSS
• 这是更多的“语义”有载砍死一个div（而不是两个div S的内部，以适应span到彼此）

希望这会有所帮助！

这里有一个链接来说明：http://jsfiddle.net/4HxhV/

Answer 3

最大的问题是，你必须把它们包装，这样就可以正确地显示它们。我会移动一个。然后将.one和.two类放在.wrapper中，以便它可以包含它们。然后将display：inline-block放在.wrapper div上。看我的例子。 HTML

<div class="wrapper"> 
    <div class = "one"> 
    One 
    </div> 
    <div class = "two"> 
    Two 
    </div> 
</div> 

CSS

.wrapper div{ 
    display: inline-block; 
}