Small problem with the spacing between label and input in Google Browser
|
Code first, then text Copy code The code is as follows:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style> div {width:500px; height:500px; margin:0 auto; border:#000 solid 1px;} label { display:inline-block; width:100px;border:#000 solid 1px;} input { border:#000 solid 1px;} </style> </head> <body> <div> <p><label>Account</label><input type="text" /></p> <p><label>Password</label><input type="text" /></p> <p> <label>Verification Code</label> <input type="text" /><img src="" width="100" height="20" /> </p> </div> </body> </html> The effect of opening Google is as follows  The spacing between the label and input of the verification code is obviously larger than the above two. After removing the line break of the verification code and making it one line, the three input boxes are aligned. The reason is still unknown. PS: I have written before that img and input are not aligned. Just add vertical-align:middle to them. |
>>: Solution to index failure caused by MySQL implicit type conversion
Recommend
How to install nginx under Linux
Nginx is developed in C language and is recommend...
A brief introduction to the general process of web front-end web development
I see many novice students doing front-end develop...
Steps to install cuda10.1 on Ubuntu 20.04 (graphic tutorial)
Pre-installation preparation The main purpose of ...
SMS verification code login function based on antd pro (process analysis)
Table of contents summary Overall process front e...
Slot arrangement and usage analysis in Vue
The operating environment of this tutorial: Windo...
Two ways to visualize ClickHouse data using Apache Superset
Apache Superset is a powerful BI tool that provid...
Detailed explanation of monitoring NVIDIA GPU usage under Linux
When using TensorFlow for deep learning, insuffic...
The most detailed installation and configuration of redis in docker (with pictures and text)
1. Find a suitable version of redis for docker Yo...
Summary of twelve methods of Vue value transfer
Table of contents 1. From father to son 2. Son to...
Vue realizes the percentage bar effect
This article shares the specific code of Vue to r...
MySQL performance optimization: how to use indexes efficiently and correctly
Practice is the only way to test the truth. This ...
HTML image img tag_Powernode Java Academy
summary Project description format <img src=&q...
Use ab tool to perform API stress test on the server
Table of contents 1 A brief introduction to syste...
Detailed tutorial for installing the unzipped version of mysql5.7.28 winx64 on windows
Table of contents 1. Unzip 2. Create a data folde...
Case analysis of several MySQL update operations
Table of contents Case Study Update account balan...