CSS垂直文本居中

在下面的图中，笑脸（单击链接时）有点朝下（相对于黑框）：

HTML

我怎么能把微笑放在中间呢？

这个怎么样

HTML

---

您所需要做的就是添加一些

填充底部

我添加了
25px
。根据需要进行调整

如果可能，请在问题中填入代码。JSFIDLE偶尔会出现故障，您的问题不应该依赖它。@Warface。。。我唯一不喜欢你的解决方案的地方是它看起来像一个黑客。。。你从哪里得到的
45px
？@Warface:它可以工作，但它是一个黑客。还有其他解决方案吗？然后继续搜索，这可能是一个黑客，但它是有效的。有时候它需要的就是：D
<div id="message">:)</div>

#message {
    padding:0px;
    opacity:0.7;
    -webkit-border-radius:5px;
    background-color:black;
    color:white;
    width:200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -150px;
    text-align: center;
    font-size: 200pt;
    display: none;
}

<div id="message">:)</div><a id="showmessage" href="#">Show smiley</a>

#message {
    opacity:0.7;
    -webkit-border-radius:5px;
    background-color:black;
    color:white;
    width:200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -150px;
    text-align: center;
    font-size: 200pt;
    display: none;
    padding-bottom:45px;
}