The solution is to put the position of the picture and the title under the same style control. The example code is as follows: div class=menubar H3 class=h3a hrer=# class=one Menu Title/a/h3 /div
Two methods: 1、 Adjust the small picture as the background of h3, namely: .menubar h3{font-size: 14px; font-weight: bold; text-align: left; margin:0;background:url(123.jpg) no-repeat left center;Padding left: the width of the picture;}; 2、 Add img scr=123.jpg align=absmiddle/to center the image absolutely; The first case is recommended, if the image is still needed elsewhere;
Set to auto. There are two methods: 1、 Adjust the small picture as the background of h3, namely: .menubar h3{font-size: 14px; font-weight: bold; text-align: left; margin:0;background:url(123.jpg) no-repeat left center;Padding left: the width of the picture;}; 2、 Add img scr=123.jpg align=absmiddle/to center the image absolutely; The first case is recommended. If this picture is needed elsewhere
Take the picture as the background of h3, add an appropriate padding to h3 so that small pictures can be displayed, and then use the background positioning control to make it easier.