一種方法如何中心圖像中的文本div

Question

我正在尋找一種方式如何在文本中的圖像div 我想在中心名稱（羅納爾多），而不會影響其他文本。有沒有人可以幫助我？ 現場演示："https://jsfiddle.net/ntasa5bc/1/"

謝謝！

巨瀾

Answer 1

因爲「羅納爾多」是一個<h2>標籤是絕對定位的，你需要給它的寬度和設置文本對齊中心。

#name { 
    position: absolute; 
    top: 172px; 
    width: 238px; // the same width as the gold badge image 
    text-align:center; 
}