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

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; - Demo

如果您使用margin: auto;而不是您需要为img元素定义宽度以及display: block;，因为img默认为内联元素 - {{3 }}