如何使此标头居中

Question

我正在尝试将我的标题链接（产品名称）居中，但是当我使用text-align : center，margin:auto等时，它仍然没有移动。有人能指出我正确的方向吗？

这里有一个小提琴供参考。

网页代码：

<a href="#"><img src='jpg' alt='Image' /></a>
 <h3>
 <a href="%PRODUCT_URL%">Product Name</a>
 </h3>

.CSS：

.prod-box h3 a{
    text-decoration: none;
    width:140px;
    text-align : center ;
    margin: 5px 0;
    color:#888;
    font: italic normal 14px georgia;
    font-style: italic;
}

Answer 1

将样式应用于h3，而不是a。

.prod-box h3

或制作a display: block;

Answer 2

试试这个：

.prod-box h3{
    text-decoration: none;
    width:140px;
    text-align : center ;
    margin: 0 auto;
    color:#888;
    font: italic normal 14px georgia;
    font-style: italic;

}