<!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>
Use float (floating)
1st floor It was implemented, but the second picture added vertical-align: middle but the text on the left does not fit in the middle. How to write this?