CODEWITHSUNDEEP
htmlstyles
user1404516
user1404516

Reputation: 13

HTML5 div styles not working

My page (which uses HTML5) works fine with no doctype but when I add the HTML5 doctype then the styles on the <div>s don't seem to work (specifically, one <div> which is supposed to be aligned 20 pixels from the left isn't aligning... another <div> which is supposed to have a height of 90% reverts to the default height... and another <div> which I've changed the line spacing and character spacing seems to use the default line spacing and character spacing). Styles on the <span>s work just fine though... it only seems to be the <div>s that have the problem. I've changed <div> to <section>... still doesn't work. I've tried inline styles, then switched to a style sheet... neither way seems to work. I threw in some display:block; (not sure what that does) but it didn't seem to do anything.
And by the way, nothing's wrong with the code. I ran it through a validator and it's got no errors at all.

Upvotes: 1

Views: 798

Answers (1)

Fenton
Fenton

Reputation: 250932

You have an error in your CSS

.indented {
    display: block;
    left: 20;
    position: relative;
}

Should be:

.indented {
    display: block;
    left: 20px;
    position: relative;
}

Note that you must specify a unit value for the value of 20 - otherwise it may be ignored (which is what is causing your problem!)

Upvotes: 1

Related Questions