מרכוז אלמנט

[יוגורט]

אני רוצה למרכז ממש את התמונה בdiv הבא:

<div class="icon">
    <img src='icons/clock2.png'/>
  </div>

גודל ה div 80X80 וגודל התמונה 30X30.
אני מצליחה רק שהרוחב יהיה אמצעי אבל התמונה מתחילה מלמעלה.

יש לי הרבה כאלה וכל תמונה בגודל אחר. לכן אני מחפשת css כללי בלי קשר למידות ספציפיות.

משהו כזה:
-----------
- -
- @ -
- -
-----------
​

תודה רבה!

 

[רחל ז.]

תוסיפי לדיב המכיל את ההגדרות הנ"ל:

display: table-cell;
text-align: center;
vertical-align: middle;

 

[Shia]

שימי את התמונה כתמונת רקע ממורכזת.