0

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

这是一个供参考 的小提琴。

html代码：

<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;
}
4

2 回答 2

1

试试这个：

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

}

于 2013-09-09T15:58:06.340 回答
1

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

.prod-box h3

或使a display: block;

于 2013-09-09T15:55:52.257 回答