How Do I Get The Image Centered?

[Doguenanny]

Hope I did this right!

I've been working on the examples Ron and Dave gave me, and I'm getting there, slowly but surely! I haven't validated anything yet, so please don't look at that! :o

How do I get this image centered?


<div id="wrap">

<div id="contents">

<div id="topnav">

<p><a href="index.html">home</a> - <a href="males.html">males</a> - <a href="females.html">females</a> - <a href="ancestors.html">gallery of distinction</a> - <a href="breedings.html">puppies</a> - <a href="progeny.html">extended family</a> - <a href="links.html">links</a> -
<a href="http://titan.guestworld.tripod.lycos.com/wgb/wgbview.dbm?owner=Kennels7420">guestbook</a>&nbsp;</p>

</div>

<p>Welcome to End of The Road Kennels where &quot;Best In Home&quot; is as important to us as &quot;Best In Show&quot;. Our experience and a long successful track record are something we are very proud of.</p>

<p>
<img src="majesticcas.jpg" width=480 height=360>
</p>

[aj_nsc]

Attributes go in " or ' (i.e. width="" height="")

Now, use something like this (remove the <p> around it if the img tag is the only thing you had planned putting in there):


<img src="majesticcas.jpg" width="480" height="360" style="display: block; margin: 0 auto;">


Use these rules in an external stylesheet if you have one.