Strange styles applied on button

Question

I am making component button with image inside. I removed borders of button, but there is strange line under the image, that can not been seen in inspector? Any clues?

That strange line depends on background color... – Krasnay Danil Jul 13 '20 at 01:44 — Krasnay Danil, Jul 13 '20 at 01:44

score 1 · Answer 1 · answered Jul 13 '20 at 02:02

1

that is because height of your button is 53px and height of image is 50px so u see a line which is a 3px leftover. give your image a height of 53px

answered Jul 13 '20 at 02:02

Aryan Choudhary

492
1
8
14

I can read... I know that button height is 53... I am asking why button height is 53?! And how to make button take content height... – Krasnay Danil Jul 13 '20 at 03:50

score 1 · Accepted Answer · answered Jul 13 '20 at 05:23

1

I found the way to fix it: Make button display: inline-flex; or better make image display: block;

answered Jul 13 '20 at 05:23

Krasnay Danil

101
1
9

https://stackoverflow.com/questions/5804256/image-inside-div-has-extra-space-below-the-image – Krasnay Danil Jul 13 '20 at 11:54

Strange styles applied on button

2 Answers2