How to align div horizontally in this case

Question

How can I achieve this?

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

I was expecting css like following to place all item horizontal.

 #check {display:inline;}

But I get something like this:

hello
x3
jello
y3

I want something like: hello x3 jello y3

What am I missing here?

Answer 1

You have to apply the inline style to all of the divs you want on the same line.

Spans might be better suited to your purpose since that's what divs and spans are for. See here: http://jsfiddle.net/Q3Dtj/

Answer 2

尝试

 #check div {display:inline;}

Answer 3

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

 #check div {display: inline;}