css: insert to divs float right under each other within a parent div

Question

I've used a solution from Replacing H1 text with a logo image: best method for SEO and accessibility, but I need to insert two divs, each float right, under each other. I have some problems with that. How to fix that?

Please see the example here: http://jsfiddle.net/QnFZT/1/ (updated)

Like this http://jsfiddle.net/QnFZT/ ? You just need to clear your floats using `clear: both;`. (Also, they probably shouldn't be inside you `
` tag) — smilly92, Aug 03 '12 at 10:04
Guys, you are right about h1 tags probably. But, using clear:both; works fine. But, not in IE. Thanks God I've tested it in 3 browsers right now. — Haradzieniec, Aug 03 '12 at 10:09
Still no luck even with clear both: http://jsfiddle.net/QnFZT/1/ — Haradzieniec, Aug 03 '12 at 10:21

score 0 · Answer 1 · answered Aug 03 '12 at 12:10

0

Putting the image in a floating div solved it. See http://jsfiddle.net/dgSCy/1/

But you definitely shouldn't put block elements inside inline elements such as headers...

answered Aug 03 '12 at 12:10

Jonas

But even if he used an inline element as span, it would be turned into block by the float property. – Aug 03 '12 at 12:15
Putting an image in an additional {floating} div reduces accessibility (please see the question I've started from, it's a logo for SEO and accessibility, not just an image)... Am I right? – Haradzieniec Aug 03 '12 at 13:07

` tag?