Home >Web Front-end >HTML Tutorial >How to write this CSS? _html/css_WEB-ITnose
How to write this CSS? _html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:10:18920browse
25edfb22a4f469ecb59f1190150159c6d03df25916193a8cac20bb67af99291b918146b48e4fa9cfeb13c7e5236fa5d0 Business Processing5db79b134e9f6b82c0b36e0489ee08eda694ce152b3066ba767c79ca1d2d6099bed06894275b65c1ab86501b08a632eb
The height of a6.png is higher than the text. How to position the Business Processing text? In the middle of the picture, arrow.png is an arrow. How to make it appear on the far right?
Reply to the discussion (solution)
<!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?
52e49f7d6389bc6d3aecc7e3294234e18aa2918506a11e8a886e85949f1eb079918146b48e4fa9cfeb13c7e5236fa5d0 16b28748ea4df4d9c2150843fecfba68
a7d01d96c0b985d786f08b16ddcdaf46Business processing5db79b134e9f6b82c0b36e0489ee08ed16b28748ea4df4d9c2150843fecfba68
29894535b36927af6487adb5ffbd8c34a694ce152b3066ba767c79ca1d2d609916b28748ea4df4d9c2150843fecfba68
Implemented using div.