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.

Element with selection table to change the check box in the header into text implementation code

Blog

Small problem with the spacing between label and input in Google Browser

How to remotely connect to the cloud server database using Navicat

Differences and comparisons of storage engines in MySQL

Introduction to CSS foreground and background automatic color matching technology (demo)

Steps to install superset under win10 system

Detailed explanation and summary of the use of Linux scheduled task Crontab command

Detailed explanation of this pointing problem in JavaScript

A brief discussion on several ways to implement front-end JS sandbox

Several practical scenarios for implementing the replace function in MySQL

Element with selection table to change the check box in the header into text implementation code

Descending Index in MySQL 8.0

Recommend

The IE environment stipulates that the div height must be greater than the font height

Detailed explanation of how to use the vue verification code component

Install Percona Server+MySQL on CentOS 7

Discussion on image path issues in css (same package/different package)

Install mysql5.7.17 using RPM under Linux

How to achieve the maximum number of connections in mysql

Implementing access control and connection restriction based on Nginx

MySql development of automatic synchronization table structure

XHTML no longer uses some obsolete elements in HTML

HTML basics summary recommendation (paragraph)

MySQL installation and configuration tutorial for win10 free installation version

In-depth study of JavaScript array deduplication problem

How to use the VS2022 remote debugging tool

Implementation and usage scenarios of JS anti-shake throttling function

CSS form validation function implementation code