The form element input with type text strangely refuses to align with an adjacent image button ( input element of type image ). Sotto forma elemento di input di tipo testo stranamente si rifiuta di allinearsi con uno adiacente immagine pulsante (elemento di input di tipo immagine). The problem is rather hard to solve as regular methods like using align or margin or padding or even adding whitespace to the image fails. Il problema è piuttosto difficile da risolvere come regolare utilizzando metodi come allineare o margine o imbottitura o anche l'aggiunta di spazi per l'immagine non riesce. Here is a surprisingly simple solution to this problem. Qui è un sorprendentemente semplice soluzione a questo problema. But first lets take a look at the problem. Ma prima consente di dare un'occhiata alle problema.

The input textbox above is misaligned with the image button above as you can see. L'input di testo di cui sopra è fuori allineamento con l'immagine sopra il pulsante come si può vedere. The code is: Il codice è:


The solution is deceptively simple. La soluzione è ingannevolmente semplice. Here is the code which works: Qui è il codice che funziona:


Here is the demo: Ecco la demo: