html - cssクラスの画像をテキストで中央揃えにする方法は？

Question

入手したもの：http：
//jsfiddle.net/nCs88/

入手しようとしているもの：http：
//img545.imageshack.us/img545/888/42576e33afe343a0bab6a40.png

私はまったくの初心者です。ボタンの画像をテキストの中央に配置しようとしています。何時間も私を苛立たせてくれた助けに永遠に感謝しています。

Answer 1

vertical-align:middle両方のクラスに適用するだけです。

jsFiddleの例

追加：

.dbutton, .ctrlbutton {
    vertical-align:middle;
}​

Answer 2

このようなものを試してください

<style type="text/css">
 .itButton{
    border:1px solid #abc; 
    display:table-cell; 
    text-align:center;        
    /* width:200px */  
  }    
 .itBtn{
    display:inline-block; 
    vertical-align:middle; 
    margin:5px 5px 5px 5px;
  }
</style>

と

<div class="itButton">
   <div class="itBtn"><img src="user.png" alt="" /></div>
   <div class="itBtn">My Button</div>
</div>