Two div's on the same "line"

Hi, I am coding my first wordpress theme and am having some trouble.

So here's what I'm trying to do.

I have two divs lets call them div1 and div2 and here's what it looks like in html:

<div id="div1">here's div two</div>
<div id="div12">here's div two</div>

Code (markup):

I want these div's to look like this when you go to the page:

here's div one here's div two

The only problem is it looks like this, like there's a break between the lines:

here's div one
here's div two


Does anyone know what to put in style.css to fix this?

 

Yes. Div's will by default list themselves one under the other unless you apply some other properties to them. add something like this to your css:

#div1 {
float:left
}

that should get them side by side. further attributes may need to be added to them depending on what you want to do with them.

 

You can also add the property:

display:inline

That should work.

 

diplay:inline works too. but add it to both div's.

note though that display:inline is not a block. you will not be able to define its width or height nor apply vertical margins/padding.