אהלן.

קוד:

<div style="width:200px; height:200px;">
<span>bla bla</span>
</div>

מישהו מכיר דרך למקם את הspan במרכז הdiv?
margin auto לא יעבוד כי אני לא יכול להגדיר לspan גודל ורוחב.
אשמח לעזרה. תודה.

תוסיף לstyle את

text-align: center;


זה ימקם כל טקסט שיכתב בתוך הDIV במרכז.

תהפוך את זה ל css בנוסף לתשובה של מרין על ידי שימוש ב id, class או הדרך השלישית.

will you marry me nesli barda? Operating system: Linux The day Microsoft & apple makes a product that does not suck will be the day they start making vacuum cleaners. say no to Apple&Facebook&MS&Samsung IL&Nokia&Hot&Yes,but say yes to Google

אם תגדיר ל-span תצוגת בלוק, תוכל להגדיר לו מאפייני בלוק, ובהתאם לכך למרכז אותו (לא בהכרח שזאת הדרך הנכונה, אבל אני מגיב כרגע לזה שציינת שאתה לא יכול דברך מסויימת).

תגדיר לאלמנט:

קוד:

display: block;
margin: auto;

בניית אתרים
פיתוח יישומי אינטרנט
שמות תחום, אחסון, עיצוב ושירותים נלווים.

פיתוח, שירות,יעוץ והדרכה.

תודה על התשובות, אבל כל התשובות שנתתם רק ממרכזים את הspan ברוחב. אני חיפשתי דרך שתמרכז אותו גם בגובה...
בסוף מצאתי דרך והיא הגדרת הdiv כ- display: table-cell;
זה עושה את העבודה ומאפשר לנו לתת vertical middle.
תודה על העזרה ומצטער שלא פרסמתי את התשובה עוד כשמצאתי אותה.

לא הגבנו על מרכוז אנכי, כי לא שאלת. סתם מרכוז מתייחס למרכוז אופקי
אפשר להגדיר vertical-align, אבל בתנאי שמוגדר גובה לאלמנט האב.

בניית אתרים
פיתוח יישומי אינטרנט
שמות תחום, אחסון, עיצוב ושירותים נלווים.

פיתוח, שירות,יעוץ והדרכה.

אתה צודק. לא שמתי לב שלא ציינתי את זה
אבל לעניין השאלה, גם אם מוגדר גובה לאלמנט האב, vertical-align לא יפתור את הבעיה.
כדי שה-vertical-align ישפיע צריך להגדיר לאלמנט האב display: table-cell.

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

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

בניית אתרים
פיתוח יישומי אינטרנט
שמות תחום, אחסון, עיצוב ושירותים נלווים.

פיתוח, שירות,יעוץ והדרכה.

האמת שאני משחק עם זה כבר שעה והפתרון היחיד שעובד לי זה תצוגת "תא".יש גם פתרון בג'אווה סקריפט אבל הוא בגדר שעטנז.
תנסה בעצמך:

קוד:

<div style="height: 200px; width: 200px; vertical-align: middle;display:block;border: 1px solid black;">
                            <div style="display:block;">dfsdfds</div>
                        </div>

http://phrogz.net/css/vertical-align

זו בדיוק התשובה שחיפשתי. תודה.

text-align: center

מיכל,

כותבת בלוג בנושא בניית אתרים
http://build-website-now.tumblr.com