There are several things I would do differently to that code sample...but to fix the image centering issue I would use the code I provided:
<div class="image"><img alt="" src="../images/image0001.jpg"/></div>
Then you need to use the styling information in your linked CSS sheet:
div.image {
margin:2em; text-indent:0; text-align:center}
div.image img {
width:80%; max-width:300px}
The
blue stuff is just an example and you can change it to suit your desires.
I would highly recommend reviewing the CSS/HTML tutorials...some are provided in
MR's Wiki, some in
W3Schools, or you can google online.