html - I can't center the image inside the div -

i try center image not sure i'm doing wrong. should change/add image center?

#img-wrap {    width:450px;    clear:both;    display:block  }  #img-wrap img {    margin:0 auto;    text-center:center;    height:100px;    width:100px;    background:#000;  }

<div id='img-wrap'>    <img src='https://www.google.co.in/images/srpr/logo11w.png' />  </div>

thanks.

the necessary property named text-align, not text-center. also, don't assign image, parent container.

#img-wrap { text-align: center; }