css - レスポンシブ レイアウトのテキスト リンクを中央に配置する

Question

このページの紫色のテキストリンク「ボタン」を中央に配置する方法を見つけようとしています。

http://bit.ly/TrfmXk

margin: 0 auto などの通常のトリックをすべて試しましたが、デザインはレスポンシブで、

、 途方に暮れています。ヒントをいただければ幸いです。

Answer 1

まず、これらのリンクにこの CSS を適用します。

display: block;
width: 50%;
margin: 0 auto !important;

おそらく他の場所で別のルールをオーバーライドするために、マージンに !important を配置する必要がありました。その幅も好きなように変更できます。