About the problem of vertical centering of img and span in div

As shown below:

Please note: #test *{vertical-align:middle;}s

#test * represents all the elements in div, including inline elements such as span, input, and img.

vertical-align
Initial value: baseline (default value)
Inheritable: No Applicable to: Inline elements Description: vertical-align:baseline aligns the baseline of the element with the baseline of the parent element.
Warning: vertical-align does not affect the alignment of content within table cells, nor does it affect the alignment of content within block elements.

Please note: vertical-align only affects inline elements, such as span, img, em, input, a, etc., but is invalid for block elements such as div, h3, p, etc.

The above is all the content about the problem of vertical centering of img and span in div brought to you by the editor. I hope it will be helpful to you. Please support 123WORDPRESS.COM~