Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > The negative value of margin-top solves the problem of vertical center alignment of label text and input_HTML/Xhtml_Web page production

The negative value of margin-top solves the problem of vertical center alignment of label text and input_HTML/Xhtml_Web page production

WBOY
Release： 2016-05-16 16:37:36
Original
2210 people have browsed it

It is not easy to adjust the vertical center alignment of label text and input. I have tried padding, vertical-align:middle, etc., but none of them work, such as

Copy code
The code is as follows:



Solution: Set Input to margin-top:-5px; just move it up as much as possible and slowly adjust it.
Related labels：
input Center vertically
source：php.cn
Previous article：disabledThe uninputable value cannot be passed to the action layer_HTML/Xhtml_Web page production Next article：Spaces The display distance is inconsistent in IE, Firefox, and Chrome browsers_HTML/Xhtml_Webpage Production
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to print selected checkbox value after submission This is my list of checkboxes and the buttons I need to submit data..<label>AccessLo...
From 2024-04-06 13:07:43
0
2
337
Shopware 6 Plugin: How to remove boolean configuration and migrate it to multi-select configuration I have a Shopware6 plugin that is currently configured with a boolean reviewSkipModeration...
From 2024-04-03 23:09:28
0
1
410
Upload multiple image files in CodeIgniter using Ajax and PHP I'm having trouble uploading multiple image files to the server side. It would be great if...
From 2024-04-03 22:35:03
0
1
318
(Vuejs) Undefined property or method on instance referenced during rendering I have a simple button for adding an item to a list: <labelfor="numit">ite...
From 2024-04-02 16:43:16
0
1
366
Callback function returning anonymous function gives error on onClick importReactfrom'react'exportdefaultfunctionTest(){consthandleClick=()=>(label:string)=&...
From 2024-04-02 16:37:57
0
2
396
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template