Bottom div starting underneath the top one

[XaviJr]

What I want to do is this: http://imageshack.us/photo/my-images/10/examplezr.jpg/

So I have the logo floated left and a div with the other 2 things floated right and text-align right. That’s all ok.

Now I want to give the description margin-top:35px from languages. When I do it, the margin appears underneath the languages div. I can add more margin to have the element where I want but I wanted to understand why is acting like that.

Any idea?

EDIT: I’ve made the jsFiddle example to show what’s appearing me: http://jsfiddle.net/9mtTe/

[joshuanhibbert]

There were a couple of issues to do with floating and the code itself, the main culprit was #languages h3 as the header isn’t a child of #languages at all. Here is a working version: http://jsfiddle.net/sl1dr/W5JJN/

[XaviJr]

You’re right, thank you.

[joshuanhibbert]

No worries!

[Author]

Posts