CSS縦書きテキストのセンタリング

Question

（あなたがリンクをクリックしてください）スマイリーフェイスは、以下で（ブラックボックスに関して）下部に少しです：

http://jsfiddle.net/UzvWc/3/

HTML

<div id="message">:)</div> 

CSS

#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; 
} 

私が持つことができますどのように中央にスマイリー右？

Answer 1

これはいかがですか？

http://jsfiddle.net/UzvWc/5/

HTML

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

CSS

#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; 
} 

Answer 2

あなたがする必要があるのは、いくつかのpadding-bottomを追加しています。

25pxを付け加えました。必要に応じて調整します。

http://jsfiddle.net/jasongennaro/UzvWc/19/