The block-level label contains the 3px interval at the bottom of the intra-row label,

The block-level label contains the 3px interval at the bottom of the intra-row label,

When a block-level label (such as div) contains a line label (such as img), the outer element and the bottom of the inner element are separated by 3 px;

The Code is as follows:

<! Doctype html>  
The display effect is as follows:
 
 
There are three solutions:
 
1. Set div {font-size: 0}; set the font-size of the block-level label to 0;
 
2. Set img {display: block}. Set the display of the label in the inner row to block and change it to a block-level label;
 
3. Set img {vertical-align: top ;}; and set vertical-align of the label in the inner row to top;