中心使用margin：auto段落中的img不起作用

Question

我试图将图像居中放置在<p>我使用了该网站http://www.w3.org/Style/Examples/007/center.en.html ，并且在此处也找到了类似的示例，但似乎无济于事。

我的HTML代码是

<div class="span4">
     <h3 class="aglow" id="h3Body">Forms</h3>
     <p>
        <a class="btn btn-link "href="teacher_forms_list.html">
           <img class="operationsButtons" src="NewForms.png" alt="forms">
        </a>
     </p>
</div>

和我的CSS

   img.operationsButtons {
       display: block;
       margin-left: auto;
       margin-right: auto;    
   }

但由于某种原因，图像仍在左侧（附加图像图片和位于其中心的h3）

谢谢您的帮助

Answer 1

简单的说

p
{
text-align: center;
}

Answer 2

在@Tamil Selvan回答后，您可以简单地使用text-align: center; - 演示

如果您使用margin: auto; 而不是您需要为img元素以及display: block;定义宽度display: block; 由于img默认为内联元素- 演示