Get the App
SLTechnology News&Howtos  ›  Development  › 

How to solve the distance between label and input

Shulou Source: shulou.com Published: 2022-06-01 03:25:03 09月22日 Update

In this article, the editor introduces in detail "how to solve the distance between label and input". The content is detailed, the steps are clear, and the details are handled properly. I hope this article "how to solve the distance between label and input" can help you solve your doubts.

Untitled document

Div {width:500px

Height

: 500px

Margin

: 0autoborderRank 000solid1px;}

Label {

Display

: inline-block;width:100px;border:#000solid1px;}

Input {border:#000solid1px;}

Account number

Password

Verification code

The spacing between the label and input of the CAPTCHA is obviously larger than the above two. After the newline of the CAPTCHA code is removed and it is one line, the three input boxes are aligned. The reason is not known.

PS:img and input have not aligned their previous essays, they just need to add a vertical-align:middle

After reading this, the article "how to solve the distance between label and input" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it yourself. If you want to know more about related articles, you are welcome to follow the industry information channel.

Tags: Spacing questions articles validation content proper obvious one line three two between code reason password idea document new knowledge more title step Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno MySQL Xiaomi Huawei vpn OPPO Reno