html - 在这种情况下如何水平对齐 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 和跨度的用途。见这里：http: //jsfiddle.net/Q3Dtj/

Answer 2

尝试

 #check div {display:inline;}

Answer 3

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

 #check div {display: inline;}