How to solve the spacing problem between label and input in Google Browse

This time I will show you how to solve the problem of spacing between labels and inputs in Google browsing. What are theprecautionsto solve the problem of spacing between labels and inputs in Google browsing. The following is a practical case. Let’s take a look. one time.

      
  
 
账号
 
密码
 
  验证码   
 
  

The distance between the label and input of the verification code is obviously larger than the above two. After removing the line breaks of the verification code and making it one line, the three input boxes are aligned. The reason is not yet known.

PS: img and input are not aligned as recorded in previous essays. You only need to addvertical-align:middle respectively.

I believe you have mastered it after reading these cases. For more exciting methods, please pay attention to other related articles on the php Chinese website!

Related reading:

How to solve the problem that the size of the textarea label cannot be changed and cannot be dragged by mouse dragging

##How to use CSS to set the width of INPUT in TD

How to implement the viewport in the meta tag to control the css attribute of the device screen

How to add styles to images for radio and multi-select buttons

The above is the detailed content of How to solve the spacing problem between label and input in Google Browse. For more information, please follow other related articles on the PHP Chinese website!