探求单行不同字号文字垂直居中的解决方法(一)

<label><SPAN class=star>*</SPAN>验证码</label> 

在写这段时遇到了困惑，“*”和“验证码”字号不一致，但要单行垂直居中，试了很多写法，没找到最简洁合适的。

 

只好把span的属性定义成block，即

label {
       float:left;
       width:120px;
       text-align:left;
       margin:0 9px 0 0;
       line-height:20px;
       height:20px;
       font-size:12px;
       font-weight:bold;
}


label span.star { 
       color:red; 
       margin-right:4px;
       margin-top:3px; 
       width:10px;
       display:block;
       float:left;
       font-size:18px;
 }

 但是这种写法有局限就是lable不能定义成文字居右的显示方式，还存在不解，需寻求更好的写法。