html - 将文本放在另一个 div 的中上部

Question

我试图将名字放在金色领奖台的 div 中间(无论单词中的字母数如何)。

我举了3个金牌领奖台的例子:

这是 jsfiddle:http://jsfiddle.net/alonshmiel/9rY3k/3/

我试图让 left 计算屏幕宽度并减少 (width of the gold div)/2。但它没有用。单词从同一个地方开始。

<div class="podium-block gold">
    <span class="place">1st place</span>
<span class="sum">$5000</span>
<span class="name">Jacob Collins</span>
    <div class="podium"></div>
</div>

感谢任何帮助!

Answer 1

更正 JQuery 的最后一部分，它起作用了:

$('.name').delay(1000).animate({
    "opacity": "1"
}, 500);

虽然下面的评论里说了，但是可以用CSS解决