Centrering af IMG

text-align: center

Det havde jeg prøvet men uden resultat, men er det min CSS der er skrevet forkert?

BODY, TD {
        margin-right:5%;
        margin-left:5%;   
    font-family:'Times New Roman',sans-serif;       
    color:#000000;
    background-color:#FFF0E1;
    font-size:20px;
        width:100%;


}
P:first-letter {font-size: 175%; color:black;
}

A {
    border-color:transparent;   
}

A:Hover {
    color: blue;
}

H1, H2, H3, H4, H5, H6 {
   
    font-family : Times New Roman, sans-serif ;   
    font-variant:normal;   
    background-color:#FFF0E1;
    color:#000000;
    line-height:55%;
    padding: 4px;
    width: 100%;
    text-align:center;
}
IMG {
    text-align:center;   
}

Det er ikke nok at sætte text-align: center på img-taggen. Den skal også være på de tags som ligger rundt omkring.

f.eks:

<div style="text-align: center"><img src="ditbillede.jpg" /></div>

Det virker men har jeg skrevet det på den rigtige måde? og hvorfor kan <DIV> ikke undværes?

HTML Doc:
<DIV>

<IMG SRC="brunbi.jpg" WIDTH=429 HEIGHT=315><P>

CSS:
IMG {
    text-align:center;
    border:1;   
}
DIV {
    text-align:center;
}

text-align angiver positionen af INDHOLDET af et element (ikke af selve elementet). derfor må du have det i et element der omgiver dit <img> tag, f.eks. en <div>