I am redesigning a template and found an odd declartion of display: block-inline however I can't get it to work I am look for the best way to move the blue box inline with the green box http://www.mychemistrytutor.com/beta/ thanks in advance!
So you want the bottom of the blue box to connect to the green box? If you're doing this with divs I'd just use margin-top: 25px or however many pixels you need.
11 separate CSS sheets is a Bad Thing. Just so you know. The block-inner thing is just one of the many names this template writer has used for his innumerable, unneeded extra divs. Frankly, I would have trouble trying to get that p (which is actually inside Content, as there is no CSS for the div with the calss of "block-inner") closer to the header... there are so many header boxes, I'd scream a primal roar and just delete all that HTML and write what I needed (a header which includes the p, and has the other boxes just floating inside it). I also don't see any styles for header-inner, another one of those boxes. I don't think the display: inline-block is doing anything other than triggering Haslayout for IE or something. I don't see it as actually doing anything to your header. Man, templates are such a pain to style. I heartily wish you luck, and may your hair not completely leave you as you yank it out in frustration.