Home >Web Front-end >HTML Tutorial >Alignment problem between input text box and img verification code (img is always a head higher than input)_HTML/Xhtml_Web page production

Alignment problem between input text box and img verification code (img is always a head higher than input)_HTML/Xhtml_Web page production

WBOY
WBOYOriginal
2016-05-16 16:40:011425browse

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

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

Copy code
The code is as follows:

input,img {vertical-align:middle;}
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn