如何在這種情況下水平對齊div

Question

我該如何實現這一目標？

<div id="check > <div>hello</div> x3 <div> jello</div> y3 </div> 

我期待像下面的CSS來放置所有的項目水平。

#check {display:inline;} 

但我得到的是這樣的：

hello 
x3 
jello 
y3 

我想是這樣的：hello x3 jello y3

缺少什麼我在這裏？

Answer 1

您必須將inline樣式應用到您想要在同一行上的所有div。

跨度可能更適合您的目的，因爲這是divs和跨度的用途。 在這裏看到：http://jsfiddle.net/Q3Dtj/

Answer 2

嘗試

#check div {display:inline;} 

Answer 3

你應該使用它的div容器

#check div {display: inline;} 

內