css之讓文字排在圖片的右邊的中心位置

<dl>  
            <dt>領導、老師</dt>  
  
            <dd><img src="images/tx1.jpg" width="100" height="100" /><a href="#">zzzzzzzzzzzzz</a></dd>  
            <dd><img src="images/tx2.jpg" width="100" height="100" /><a href="#">zzzzzzzzzzz</a></dd>  
            <dd><img src="images/tx3.jpg" width="100" height="100" /><a href="#">zzzzzzzzzzz</a></dd>  
            <dd><img src="images/tx4.jpg" width="100" height="100" /><a href="#">zzzzzzzzzzz</a></dd>  
            <dd><img src="images/tx5.jpg" width="100" height="100" /><a href="#">zzzzzzzzzzz</a></dd>  
</dl>  

 

dl dd{  
    margin-top:10px;  
    height:100px;  
    border:1px solid  #F00; /*顏色*/  
}  
dl dd img{  
    float:left;  
    border:1px solid  #F00; /*顏色*/  
}  
dl dd a{  
    line-height:100px;     /*注意這行代碼，惹是不寫，得不到想要的結果哦*/  
    vertical-align:middle;  
    border:1px solid  #F00; /*顏色*/  
    text-align:left;  
}