CSS setting Image pada posisi Middle

Tidak penting tapi tidak enak dipandang ketika icon pada satu baris berada pada posisi top dimana harusnya lebih bagus pada posisi middle.

<div class="meta">Notes by : {$data.first_name} - {$data.tkn_date|date_format:"%A, %e/%b/%Y %H:%M"} &nbsp;<a href="{$addr}&amp;act={$smarty.get.act}&do=trash&amp;tk_id={$data.tk_id}" class="delete"  ><img src="{$phcms_admin_url}/themes/{$phcms_admin_themes}/icon/delete.gif" /></a></div>

icon delete posisi top harusnya middle
Perhatikan gambar icon delete warna merah kanan itu, posisinya kurang bagus kan? kalau ditengah kan bagus. Solusinya ternyata menggunakan vertical-align:middle; selesai ini perubahannya

<div class="meta">Notes by : {$data.first_name} - {$data.tkn_date|date_format:"%A, %e/%b/%Y %H:%M"} &nbsp;<a href="{$addr}&amp;act={$smarty.get.act}&do=trash&amp;tk_id={$data.tk_id}" class="delete" style="vertical-align:middle;" ><img src="{$phcms_admin_url}/themes/{$phcms_admin_themes}/icon/delete.gif" /></a></div>

Sederhana tapi perlu dicatat.

Leave a Reply

Your email address will not be published. Required fields are marked *



*