How does CSS realize that pictures and text are vertically centered in a row?

Today, I would like to share with you how to achieve CSS pictures and text in a row of vertical center of the relevant knowledge points, detailed content, clear logic, I believe that most people still know too much about this knowledge, so share this article for your reference, I hope you have something to gain after reading this article, let's take a look at it.

If you want to align the picture vertically with the calligraphy, you can add the align=absmiddle attribute under the IMG tag, but the align=absmiddle attribute is nothing more than [verify the address Please see the W3C web page standard verification service address] under the W3C textual research, so whether to use CSS instead of the align=absmiddle attribute of IMG to complete the vertical alignment is doomed.

Maybe you can finish it by participating in vertical-align:middle; in CSS.

CSS Code:

Div {border:1px solid # 000; margin:10px auto}

The above CSS code is to facilitate the inspection of the DIV frame has nothing to do with the vertical center of the calligraphy picture example.

HTML Code:

Using CSS to realize the vertical alignment of pictures and calligraphy

This is an achievement without adding style.

This is done with align=absmiddle in the img tag to center the picture and text vertically.

Screenshot of the score in the hunting device

These are all the contents of the article "how to achieve the vertical center of pictures and text in a row by CSS". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.