对齐文本里面的一个链接，在一个div

Question

我一直在尝试很长一段时间..但我不能对齐链接，这是一个div内的一段文字。 这可能听起来很混乱。这是什么，我有一个例子：

http://jsfiddle.net/caoj5c36/

正如你可以看到，当您滚动在“pygame的”我要说明“即将推出..”按钮内为中心。

有什么建议吗？

我一直在使用

text-align: center; 

HTML标签的每一个可能的组合

在我的CSS脚本试图

Answer 1

这是因为p是绝对定位。这使得它用完要素的流动。所以，你必须让它扩展到父a的宽度为100％，然后你可以使用text-align: center

Updated JsFiddle

#button_layout #info_text { 
    /*description is invisible until hover */ 
    font-size: 16px; 
    visibility: hidden; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    text-align: center; 
} 

Answer 2

其简单：

#button_layout #info_text { 
    width: 100% 
} 

所以你的链接具有的div的宽度将文本置于其中。

你不应该使用这样的ID。 ID只能在页面上使用一次，而不是使用类。