2016-08-15 21 views
1

私は思うことができるすべてを試し、 "詳細情報"欄を中央に揃えることはできません。インターネット検索(ここを含む)は、多くの答えを持っていて、何も働かなかった。テーブル内のボタン/テキストの中央揃え

<tr> 
 
    <td data-th="Product Details" class="productDetails"></td> 
 
    <td style="align:center" data-th="Data" class="Data"><a class="btn alt misc" href="http://glasscapacitors.com/glass-capacitor-overview/"><h3> <font color= "#ffb300">MORE INFORMATION</font></h3></a></td> 
 
    <td data-th="Similar Parts" class="similarParts">%%Panel.SideProductRelated%%</td> 
 
</tr>

答えて

1

あなたの "詳細情報" のタイトルを中央に、あなたはあなたの.miscタグにtext-align: center;を追加する必要があります。おくる

a.misc { 
 
    text-align: center; 
 
}
<tr> 
 
    <td data-th="Product Details" class="productDetails"></td> 
 
    <td style="align:center" data-th="Data" class="Data"><a class="btn alt misc" href="http://glasscapacitors.com/glass-capacitor-overview/"><h3> <font color= "#ffb300">MORE INFORMATION</font></h3></a></td> 
 
    <td data-th="Similar Parts" class="similarParts">%%Panel.SideProductRelated%%</td> 
 
</tr>

+0

。テーブルに前の行があるために、それを動作させることができませんでしたか? –

+0

@MikeMoranあなたは間違ったdivにスタイルを適用している可能性があります。 :) –

+0

多くのハンターの答えを感謝し、将来のために注意してください。テーブルに前の行があるので、私はそれを働かせることができませんでしたか? 3行目では、「text-align」に変更しました。他の行私はちょうど "整列"を使用します。うーん。学ぶ!すべての自己教えたので、それはかなり曲線です。 (SOの新しいチェックマークのチップをお寄せいただきありがとうございます) –

関連する問題