在这种情况下如何水平对齐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。

跨度可能更适合您的目的，因为这就是div和span的用途。 见这里：http://jsfiddle.net/Q3Dtj/

Answer 2

试

 #check div {display:inline;}

Answer 3

您应该将它用于容器内的div

 #check div {display: inline;}