ヘッダーリンク(商品名)を中央に寄せたいのですが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;
}