这个CSS如何写？
<li><a href='javascript:void(0)' id='a_6'><img src='../images/a6.png' alt='pic'/>业务办理</a><img src='arror.png' alt='pic'/></li>
a6.png高度比文字高，怎么让业务办理文字居图片中间显示，arror.png是个箭头，怎么让它靠最右边显示呢？
[解决办法]
<!DOCTYPE HTML><html> <head> <meta charset="gb2312" /> <title></title> <style> li img{ vertical-align: middle; } li a { float:left; } li .img { float:right; } </style> </head> <body> <li> <a href='javascript:void(0)' id='a_6'> <img src='http://avatar.profile.csdn.net/1/5/D/2_duu007.jpg' alt='pic'/>业务办理 </a> <img class="img" src='http://avatar.profile.csdn.net/1/5/D/2_duu007.jpg' alt='pic'/> </li> </body></html>
[解决办法]
用float(浮动)
[解决办法]
<div style="float:left"><a href=""><img src='../images/a6.png' alt='pic'/></div>
<div style="float:left;margin-top:5px">业务办理</a></div>
<div style="float:left"><img src='arror.png' alt='pic'/></div>
用div实现的。