How to use vertical-align to align input elements and img elements

This time I will show you how to use vertical-align to align the input element and the img element, and how to use vertical-align to align the input element and the img element. What are the precautions , the following is a practical case, let’s take a look.

We know that if input and img are placed on the same line, the img tag will always be a head higher than the input, which is very ugly. I have tried many methods before, but none of them work. Later, the most searched thing on the website was to add an align="absmiddle"attribute to img. This method seems feasible, but it does not comply with HTML standards. Later, I accidentally discovered that it is enough to add vertical-align:middle to input and img at the same time:

The code is as follows:

input,img{vertical-align:middle;}

In this way, the code will be aligned horizontally.

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to the php Chinese website Other related articles!

Related reading:

How to operate the input box style of type="file"

head structure in HTML How to use

#How to use iframe to display weather on your webpage

The above is the detailed content of How to use vertical-align to align input elements and img elements. For more information, please follow other related articles on the PHP Chinese website!