insert a row of 4 ICON, in the code to add the effect of hove magnification, but when one ICON is enlarged, it will affect the other, and there will be a sloshing effect, how to eliminate this effect? We have tried to adjust the space between each other through margin, but not without affecting each other.
<i class="fa fa-flag"></i>
<i class="fa fa-check-square-o"></i>
<i class="fa fa-eye"></i>
<i class="fa fa-edit"></i>
</a>
.fa-flag {margin: 5px 3px;}
.fa-flag:hover,
.fa-flag:target {color:-sharpff00ff; font-size:20px; margin: 1px 1px;}