在這種情況下如何水平對齊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;}