Home why the first two icons's line-height does not work in chrome?
 it works fine here, but when i move the code to separate html and css files,and run it in chrome browser, the first 2 icons get higher than the third ,like this in the image: the image and my question is : why the first two icons’s line-height does not work in chrome? and result in the first two icon is taller than the third icon, how to fix that? i just want to align the icons horizontally .box { padding: 12px 24px; display: block; float: left; line-height: 1.5; font-size: 32px; }