Center image, vertical center image, horizontal center Image

. Box {/* vertical center method recognized by mainstream non-ie browsers */display: Table-cell; Vertical-align: middle;/* set horizontal center */Text-align: center;/* hack */* display: Block for IE; * font-size: 175px;/* Approximately 0.873 of the height, 200*0.873 is about 175 */* font-family: Arial;/* prevents hack failures caused by non-UTF-8, such as GBK encoding */width: 200px; Height: 200px; border: 1px solid # Eee ;}. box IMG {/* set the vertical center of the image */vertical-align: middle;} <Div class = "box">  </div>