The form element input with type text strangely refuses to align with an adjacent image button ( input element of type image ). 이상의 양식 요소를 입력 텍스트를 입력할 인접 이미지를 거부 버튼을 정렬할 수있습니다 (입력 요소를 입력 이미지). 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. 이 문제는 정기적인 방법으로 오히려 같은 하드를 해결하기 패딩을 사용하거나 혹은 정렬이나 여백에 해당 이미지를 공백을 추가에 실패합니다. Here is a surprisingly simple solution to this problem. 놀랍게도 간단한 해결 방법이 문제가 여기에있습니다. But first lets take a look at the problem. 그러나 먼저이 문제를 사용을보고합니다.

The input textbox above is misaligned with the image button above as you can see. 텍스트 상자의 입력 버튼 위에는 고르지 이상으로의 이미지를 볼 수있습니다. The code is: 이 코드는 :


The solution is deceptively simple. 현혹 해결 방법은 간단합니다. Here is the code which works: 여기가 바로 코드를 작동 :


Here is the demo: 여기가 바로 데모 :