יש לי קטע שנמצא ב-div. גובה ה-div יותר גדול מגובה הטקסט, ואני רוצה שהטקסט יהיה באמצע הגובה של ה-div בדיוק כמו שהיה אפשר לעשות: valign="center".
למישהו יש תחליף ל-valign שנעלם ב-XHTML? אני מניח שזה דרך CSS.
אני מחפש את הדרך האמיתית, ולא איזה תחכום או ניצול של באג.

אורי.

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

ניסיתי וזה לא עבד. אז ניסיתי להוסיף:

קוד:

display: table-cell;

והטקסט עבר לאמצע. אבל עכשיו רוחב ה-div לא על כל הרוחב כמו קודם. ניסיתי להוסיף width: 100%, אבל זה לא עזר.

וואלה..

למה שלא תשתמש בטבלאות?

כי יש לי הרבה מקומות שאני צריך שהטקסט יהיה באמצע, וזה מסורבל כל פעם לפתוח תגי table,tr ו-td רק בשביל שורה.
אז את זה פתרנו, ועכשיו הוא כותב את זה באמצע. אבל יש דרך לעשות שזה יהיה על כל הרוחב?

Gallery

Pentax K100D + Pentax SMCP-DA 18-55mm f/3.5-5.6 AL + SMC Pentax-M Macro 1:4 50mm + SMC Pentax 1:2.8/105mm + SMC Pentax-M 1:2.8 35mm + SMC Pentax 1:1.4/50mm

אז מה אני יכול לעשות...? למישהו יש פתרון (ללא תחכומים כמו טבלה וכו')?

קוד:

height:Xpx;
position:relative; 
top:50%;
margin-top:-X/2px;

כלומר, margin-top צריך להיות הערך השלילי של מחצית הגובה של השיכבה.

Gallery

Pentax K100D + Pentax SMCP-DA 18-55mm f/3.5-5.6 AL + SMC Pentax-M Macro 1:4 50mm + SMC Pentax 1:2.8/105mm + SMC Pentax-M 1:2.8 35mm + SMC Pentax 1:1.4/50mm

זה יעבוד רק במקרה שה-div נמצא בתוך div אחר.
למרות שזה מכוער, החלטתי להשתמש בזה:

קוד:

 	width: 10000px;
	display: table-cell;
	vertical-align: middle;

תודה על העזרה