對齊文本里面的一個鏈接，在一個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只能在頁面上使用一次，而不是使用類。