1- اول باید این نکته رو بگم که Text-align برای تگ img بی معنی است ، چون زمانی ازین دستور استفاده میشود که بخواهیم محتوای یک تگ را align کنیم و این در حالیست که محتوای تگ img یک تصویر است.
2- برای اینکار باید از float استفاده کرد. و چون میخواهیم به سمت چپ float شود ابتدا باید تگ img را بنویسیم و بعد بقیه محتوای تگ پدر را.
3- برای بهم نریختن محتوای پدر دو راه وجود دارد :
a- استفاده از height برای تگ پدر :---------------------
.parent{height:40px;}
.parent img {float:left ; width:16px ; height:16px; border: none; }
<div class="parent">
<img src="images\Cancel.gif" alt="بستن" onclick="hideSearchPopUp('<%=id%>');"/>
<div >everythings</div>
</div>
b- استفاده از clearer :----------------------------------
.clearer{clear: both;}
.parent img {float:left ; width:16px ; height:16px; border: none; }
<div class="parent">
<img src="images\Cancel.gif" alt="بستن" onclick="hideSearchPopUp('<%=id%>');"/>
<div >everythings</div>
<div class="clearer"></div>
</div>