قرار گرفتن تگ عکس در وسط(height) تگ div

[YourWorldToday]

با سلام خدمت دوستان گرامی
من می خوام یه تک a درست کنم که هم متن داشته باشه و هم ایکن
برای این منظور یه تگ div درون تک a قرار دادم و درون تگ div ایکن و متن لینک رو قرار دادم
سوال من اینجا که اگر خصوصیت ارتفاع تگ Div رو هر مقدار بدم ، تگ img در تگ div از بالا نمایش داده میشه.
چطور می تونم تگ img رو در وسط تگ div (از نظر ارتفاع) قرار بدم
این کدی هستش که نوشتم


<a href="/Home/About"><Div style="background-color:Black; height:25px ; width:100px; text-align:center;vertical-align:middle">درباره ما<img src="../../Content/accept.png" style="border-style:none; padding:auto; margin:auto"></img></Div></a>


حتی برای تگ img هم از خصوصیت vertical-align:middle استفاده کردم ولی نشد.

[Keramatifar]

دوست عزیز
میتونی margin-top بهش بدی

[YourWorldToday]

خوب اومدی مو کاربر اندازه ارتفاع تگ Div رو 60 پیکسل داده اون وقت چطور میشه margin-top رو طوری تنظیم کرد که درتگ img در وسط قرار بگیره؟

[r.dehshahri]

یه لایه برای تصویر بزار بعد از خاصیت vertical-align:middle; استفاده کن

[Keramatifar]

خوب اومدی مو کاربر اندازه ارتفاع تگ Div رو 60 پیکسل داده اون وقت چطور میشه margin-top رو طوری تنظیم کرد که درتگ img در وسط قرار بگیره؟
مگه قراره کاربر میتونه به تگ div سایز بده؟ :متفکر:

[YourWorldToday]

من دارم یه Html Helper می سازم که کارش درست کردن لینک با عکس هستش. این Html Helper یه مقدار Html Attributesداره که میشه مقدار خصوصیات تگ div بهش داد.
حالا امکان داره در فرم های مختلف بیام و اندازه تگ Div رو تغییر بدم.

[exlord]

Validation (XHTML 1.0 Transitional): Element 'Div' cannot be nested within element 'a'.
Validation (XHTML 1.0 Transitional): This name contains uppercase characters, which is not allowed. <Div></Div>
Validation (XHTML 1.0 Transitional): Element 'img' is an empty element and cannot have a closing tag. Instead, it must end with />.

<div style="display: table; height: 400px; #position: relative; overflow: hidden;">
<div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
<div style=" #position: relative; #top: -50%">
<a style="text-decoration:none;vertical-align:middle;" href="/Home/About.htm"> درباره ما
<img src="Images/untitled.JPG" width="20px" height="20px" style="border:none 0px;" alt=""/>
</a>
</div>
</div>
</div>