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
Practice using Golang to play with Docker API
Table of contents Installing the SDK Managing loc...
Why MySQL can ignore time zone issues when using timestamp?
I have always wondered why the MySQL database tim...
Detailed explanation of the underlying implementation method of Nginx polling algorithm
Introduction to the polling algorithm Many people...
Example of adding attributes using style in html
Add inline styles to the required links: Copy code...
Analyze the selection problem of storing time and date types in MySQL
In general applications, we use timestamp, dateti...
MySQL index pushdown details
Table of contents 1. Leftmost prefix principle 2....
Implementation of CSS scroll bar style settings
webkit scrollbar style reset 1. The scrollbar con...
40 web page designs with super large fonts
Today's web designs tend to display very larg...
Two ways to export csv in win10 mysql
There are two ways to export csv in win10. The fi...
MySQL 5.7.18 Installer installation download graphic tutorial
This article records the detailed installation tu...
Solution to the blank page after vue.js packaged project
I believe that many partners who have just come i...
Summary of using MySQL online DDL gh-ost
background: As a DBA, most of the DDL changes of ...
How to optimize images to improve website performance
Table of contents Overview What is Image Compress...
HTML table border control implementation code
Generally, when we use a table, we always give it...
JS realizes the front-end paging effect
This article example shares the specific code of ...