You don't want it to stand on the line? You can change that with vertical-align. There's quite a few options.
https://www.w3.org/TR/CSS2/visudet.html#pro...-vertical-alignYou have some more errors, both in the HTML and the CSS. For instance, you can't use HEAD inside BODY. You have it around your H1. Remove it from there.
You have a serious CSS error here.
CODE
*{
padding: 0px;
margin: 0px:
}
A colon instead of a semi colon at the end of the second line.
Use validators to find other errors.
If you don't use HTML5 you can use our HTML validator, I find its output clearer and easier to skim through.
http://htmlhelp.com/tools/validator/For HTML5 you go here.
http://validator.w3.org/And for CSS here.
http://jigsaw.w3.org/css-validator/A small thing, put width and height for images in the HTML rather than in the CSS. The reason is that helps the browser when it draws the page so space is reserved for the images and the page loads nicer. It won't be noticeable for a small image on a page with mainly text like yours. But you've seen pages that sort of rearrange themselves as the images load in. That's avoided by using the width and height attributes, so it's good to get into the habit of doing that.