How to create input text box and img verification code

In the process of making web pages, input and img are often placed on the same line to allow input on the left and right Verification code, but at the same time a problem arises is the horizontal alignment of the text box and the verification code Problem, let me share with you the specific solution. Friends who have similar problems can learn about it

In web page production, input and img are often placed on the same line, img tag It is always a head higher than the input, which is very ugly.

CCS method to achieve horizontal alignment of input and img
Just add vertical-align:middle to input and img at the same time. The code is as follows:

input,img {vertical-align:middle;}

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

Related reading:

What are the operations of border removal and borderless iframe?

What are the marked texts in Html? Comment symbol

#How to identify escape characters of html through code

The above is the detailed content of How to create input text box and img verification code. For more information, please follow other related articles on the PHP Chinese website!