قرار دادن یک آیکون به همراه متن بر روی یک تصویر

[alih110]

سلام دوستان
من میخوام برای منوی های قالب وبلاگم یک آیکون بزارم و کنارش یک متن اما به این صورت در میاد (تصویر آپلود شده) حالا چه طوری میشه یک کاری کرد که جاهای این ها کنار هم باشه
و آیکون کنار و متن در وسط باشه ممنون میشم کمکم کنید

[hamed_Arfaee]

سلام

همینی که ساختین رو بذارین اینجا .
سورس کار رو .

[alih110]

کار خاصی نکردم

کد:

<style>
<!--
.title {font-family: Tahoma;font-size: 8pt;height: 32px;border-bottom: 1px solid #000000;padding: 6px 2px 2px 0px;text-align: center;color:#FFFFFF;background: url('http://ap-pc.parsaspace.com/template/titles.png');direction:rtl}

.tit {padding: 0px}
-->
</style>
<div class =title>
<div class =tit><img border="0" src="http://ap-pc.parsaspace.com/MyTheme/Ico/Set.png" width="24" height="24" align="right"></div>
امکانات</div>

[hamed_Arfaee]

کد:

<style>
<!--
.title {font-family: Tahoma;font-size: 8pt;height: 32px;border-bottom: 1px solid #000000;padding: 6px 2px 2px 0px;text-align: center;color:#FFFFFF;background: url('http://ap-pc.parsaspace.com/template/titles.png');direction:rtl}

.tit {padding: 0px}
-->
</style>
<div class =title>
<img border="0" src="http://ap-pc.parsaspace.com/MyTheme/Ico/Set.png" width="24" height="24">
امکانات</div>