The test code is as follows, the browser is IE8
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><body> <input type="text" /> <input type="submit" style="height:20px;" value="" /></body></html>
Copy after login
The position of the text box is correct and is used as a reference. It can be replaced by any element for reference.
As long as the button (whether type=button, type=submit, or type=image) has value="", it will be strangely tilted upward and not at the same height as other horizontal elements. The strange thing is that as long as value has a value (if you don't write value="", the default value will be filled in), it will definitely return to normal and not go up.
Who can give me an explanation? ?
Reply to discussion (solution)
What kind of browser?
Um, the first sentence is?? "The browser is IE8
"
vertical-align:bottom;
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
