Solution to horizontal alignment of input labels and image buttons

In daily webpage creation, we may encounter the same line of input tag and image. At this time, you will find that, no matter how you write css, the input text box and the image link cannot be in the same horizontal line. Yesterday, friends of the fire editor came to consult and said that he also encountered this problem, and the use of Css syntax such as margin and padding was not solved.

The solution is actually very simple. We just need to addVertical-align: middleAttribute.

Let's look at the instance:

<Input name = "bkjia" type = "text" size = "28" value = "" style = "vertical-align: middle "/>  <br/> <center> if not, press Ctrl + F5 to refresh the page. For more webpage code: <a href = 'HTTP: // www.bkjia.com/'target = '_ blank'> http://www.bkjia.com/</a> </center>

Tip: the code can be modified before running!