Центр выровнять картинку

Question

Почему это изображение не выровнено по центру?

<div style=" width:70%; margin:0 auto; padding:0.2%; border:1px solid #000; "> 
<img src="images/social.png" width="227" height="68" style="border:1px solid #000; 
    border-radius:5px; width:auto; margin:0 auto; display:block;" /></div> 

Его простой вопрос. Любое быстрое решение, пожалуйста.

Спасибо,

Answer 1

Простая попытка использования высоты строки свойство и установите его значение в рх, эквивалентной высоте контейнера // например контейнер

<div class="container" align="center"> 
<img src="http://static.adzerk.net/Advertisers/46a9844d6e504212a85bc72ddd7dd829.png"  width="40" height="40"> 
</div> 
//css 
.container{ 
    width:200px; 
    height:200px; 
    line-height:200px; 
    border:1px solid #666; 
    margin:0 auto; 
}