Vertical-align of images

Hello,

While I can't change the global settings for the img HTML tag directly, you can reset the CSS for the img element, removing the vertical-align: middle;, you can simply override it by setting vertical-align to its default value. The default value for vertical-align is baseline. Here's how you can reset it:

img {
  vertical-align: baseline;
}

Best wishes,
Alaa

Thanks, it works but I had to add !important.

Unfortunately, it doesn't work in images:

. middle {
vertical-align: middle;
}

but it's not important.

Thanks and best regards

Hi @giordy, it seems that the CSS property for the middle class is not being applied because you have added space just after the dot(.) class selector. Please use the below code and check if it works for you.

.middle {
vertical-align: middle;
}

Thanks!

Thanks, I didn't notice the space. It works now.

Automatically closed - issue fixed for 2 weeks with no activity.