CSS样式如何设置字符上下居中 啊

我做了个导航条，是用图片做的背景，字符在其中一个图片模块里的，现在字符在里边老在上边，如何做成底下的形式啊



想
做成下边的样子


不知道CSS样式里怎么设置~~~~
这是这部分的代码

1. 
   
2. <div id="blocdtitle_m">
   
3.                            <div id="blocktitle_a">
   
4.                            </div>
   
5.                            <div id="blocktitle_b">
   
6.                            资讯
   
7.                            </div>
   
8.                            <div id="blocktitle_c">
   
9.                            </div>
   
10.                            <div id="blocdtitle_d">
    
11.                            </div>
    
12.                            <div id="blocdtitle_e">
    
13.                            <a href="#action/news#" class="more">更多</a>
    
14.                            </div>
    
15.                        
    
16.                         </div>   
    
17. 
    

复制代码

CSS样式：

1. 
   
2. 
   
3. .blocktitle { border: 1px solid  #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
   
4.         .blocktitle h2 { font-size: 1.2em; margin: 0; padding: 0 5px; background:url(../images/44.gif) 0 0 no-repeat; url(../default/{S_URL}/images/new/title_bg.gif) repeat-x; }
   
5.         .blocktitle .more { margin-right: 5px; }
   
6.         #blocdtitle_m{height:32px;}
   
7.         #blocktitle_a {background:url(../images/44.gif) 0 no-repeat; width:27px;height:32px;float:left;}
   
8.         #blocktitle_b {background:url(../images/navz.gif) 120px repeat-x; width:120px; height:32px; float:left; text-align:center; vertical-align:bottom;}
   
9.         #blocktitle_c {background:url(../images/55.gif) no-repeat; width:15px; height:32px; float:left;}
   
10.         #blocdtitle_d {background:url(../images/66.gif) repeat-x; width:516px; height:32px; float:left;}
    
11.         #blocdtitle_e {background:url(../images/77.gif) repeat-x; width:92px; height:32px; float:left;}
    
12. 
    

复制代码

继续问~~~~

顶

text-align:center; vertical-align:bottom;
这个是对的呀，文本排列-置中；垂直排列-底部

但是就是不能出来效果~~~~