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: هنا هو عرض :