When CSS Li or DD is floating, the image is increased by 4 PX.

When CSS Li or DD is floating, the image is increased by 4 PX.

DD, Li, or a labels. After the image is inserted, the following values are added.4pxHeight (spacing), solution:
1. Define an image as a block (display: Block)
2. Fix the DD or Li height and overflow: hidden
3. Set UL's font-size: 0;
4. Set vertical-align of IMG: bottom;
5. Set the IMG margin-bottom:-4px;

Among them, the 4th methods are generally used to solve the problems in LiDouble float:

<A> I am a label, left floating </a><Span> I am a span, floating right</Span>
For example, when both A and span are float left and right, there will be a 3 px gap under Li, so vertical-align: bottom; or hack is used to solve the problem.