Quote:
Originally Posted by Parody
One thing that might help is specifying a DOCTYPE. The sample outputs I've seen don't have one, leaving the browsers to make more guesses about how to display your HTML+CSS. (It's called "rendering in Quirks Mode" if you want more info.)
The DOCTYPE needs to be the first line of your HTML file. The one for HTML 5 is pretty simple:
Adding that won't make the different browsers (and versions of browsers) create identical output, but they should end up a lot closer than before.
The style attribute does override earlier styling, but only for the things specified within. Anything not included in the style attribute will be determined by whatever other rules exist. The rules in your external CSS file will only have no effect if the style attribute overrides everything within those rules.
Looking at the part of tmilktoast's sample where there's a list, the surrounding <p> elements' style attributes have a margin-left but the <ul> does not. HTML lists should be treated the same as paragraphs and tables for most styling purposes.
FWIW, I think you'd be better off putting a <div> around the things you want to indent and adding padding or margin to the <div>. (I threw a quick example up at JSBin.) |
Also, thanks for the tips. I've added the doctype for the next release.
I'll play around with <div> and see what I can do.