css - Centering a Text Link for Responsive Layout

Question

I'm going nuts trying to figure out how to center the purple text link "buttons" on this page:

http://bit.ly/TrfmXk

I've tried all the usual tricks: margin: 0 auto, etc. but with the design being responsive and it only being contained in a

, I'm at a loss. Any tips would be appreciated.

Answer 1

首先，将此 CSS 应用于这些链接。

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

必须把 !important 放在边缘，可能会在其他地方覆盖另一条规则。您也可以将该宽度更改为您想要的任何宽度。