在div內的鏈接內對齊文本

Question

我已經嘗試了很長時間。但是我無法在div內的鏈接內對齊文本的一部分。 這聽起來確實令人困惑。 這是我所擁有的一個例子：

http://jsfiddle.net/caoj5c36/

如您所見，當您在“ Pygame”上滾動時，我希望“ Coming Soon ..”的描述在按鈕內居中。

有什么建議么？

我嘗試使用

text-align: center;

在我的css腳本中html標記的所有可能組合中

Answer 1

這是因為p是絕對定位的。 這使得它用完要素的流動。所以，你必須讓它擴大到母公司的寬度為100％ a ，然后你可以使用text-align: center

更新了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只能在頁面上使用一次，而應使用類。