יש לי באתר DIVים שבהם טקסט. http://uzone.co.il (הריבועים של התפריט העליון)

אני רוצה למקם את הטקסט במרכז הDIV (מיקום אנכי) ואני לא מצליח ע"י CSS.
עד עכשיו עבדתי עם טבלאות ועשיתי valign אבל עכשיו אני מנסה בCSS

כך עשיתי:

קוד:

<div style="vertical-align:middle;">

זה נראה לינק נחמד לנושא
http://phrogz.net/CSS/vertical-align/index.html

!!אזהרה!!

ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם

!!אזהרה!!

עד כמה שאני מבין את זה, vertical-align נועד למקם אלמנטים פנימיים (inline) בציר האנכי.
div הוא אלמנט מסוג block, כלומר לא אלמנט פנימי, ולכן זה לא חל עליו...

מלבד הלינק שהציע yoavmatchulsky, אולי כדאי שתנסה להגדיר את ה-div כ- inline-block, ואז לבצע עליו את ה- vertical-align הרצוי. לא בטוח שזה יעבוד, אבל שווה לנסות...

דבר נוסף - דפדפן IE בעייתי בנוגע ל-DIV כאשר רוצים לגרום לו להתנהג כאלמנט פנימי.
לכן עדיף שתבצע את הנ"ל על אלמנט span, ותגדיר לו inline-block, ואז זה יפעל בכל הדפדפנים.

לא ניסיתי את זה אבל תאורטית זה אמור לעבוד...

יש לי רעיון קצת יותר פשוט, פשוט לתת לDIV הזה PADDING עליון כדי שהטקסט ירד למטה קצת...

גם רעיון

במקום padding נהוג לתת במקרים כאלה margin (למקרה של-div הזה יהיה רקע שונה).