I am working on inserting an iframe into Wordpress sidebar, and I have an indentaion on <h3>, that I can't figure out where it is coming from. Code in the iframe is valid, and working (I actually successfully added it to over 10 other Wordpress blogs), and there is no way to figure out what's going on with any of the browser's webmaster tools (Chrome, IE9, Firefox). I checked <iframe>, <html>, <body>, <h3>, and there is no way to tell where is it coming from. I am not a novice to css / html either. I am attaching a screenshot. If you have any ideas, please let me know. The website is at blog.gloryhole-porn.net (no adult content)
It's the Zoey Kush's backlink that pushes your h3. By default, h3's margins and paddings are not null, so it gets pushed down. Try adding something to "Zoey Kush" and you will see that it will get pushed even further. The way you embed markup into markup is freakishly wrong. That's not even HTML, it's gibberish. May I ask you why do you use redundant and pointless html5 tags such as nav, header, section and article if you are not a novice? I'm not even going to comment sloppy css and the absence of semantics : there's no valid reason for that h3 to be h3 to begin with. I would recommend you throwing away the markup you have and starting from scratch. And using <iframe> the way you use it is, again, freakishly wrong.