Get the App
SLTechnology News&Howtos  ›  Development  › 

How to align input and img horizontally with CCS

Shulou Source: shulou.com Published: 2022-06-03 08:39:44 11月15日 Update

This article mainly introduces CCS how to achieve input and img level alignment, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

In web page making, input and img are often put on the same line, and img tags are always a head taller than input, which is very ugly.

The method of horizontal alignment between input and img by CCS

Just add vertical-align:middle to input and img at the same time

The code is as follows:

点击这里给我发消息

Thank you for reading this article carefully. I hope the article "how to achieve input and img level alignment of CCS" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Tags: Articles level at the same time ugly one line size code value interests methods more friends tags knowledge editing web pages web page production industry information information channels Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno MySQL MariaDB OPPO Reno Huawei NVidia