对段落中的img使用页边距:自动居中不起作用

Question

我的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

正如@Tamil Selvan回答的那样，您可以简单地使用text-align: center; -

如果您使用margin: auto;，则需要定义img元素和display: block;的宽度，因为img在缺省情况下是一个内联元素-

Answer 2

简单地说

p
{
text-align: center;
}