עימוד אנכי של טקסט באמצע באמצעות css

עימוד אנכי של טקסט באמצע באמצעות css

הרבה פעמים אנו נדרשים ליצור כותרת על גבי רקע כאשר הכותרת ממוקמת במרכז מבחינה אנכית.

ב css יש אופציה ליישר לאמצע מבחינה אנכית – נקרא – vertical-align אך ברב המקרים זה לא עובד.

ברצוני להראות לכם כיצד ניתן לבצע זאת באמצעות קוד HTML ו CSS.

קוד CSS

קוד HTML

 

הדברים החשובים:

ה div הראשי – מוגדר: display:table

ה div הפנימי – מוגדר display:table-cell

תצוגת הקוד

תוכן ממקום במרכז

 

לשאלות וקבלת הצעת מחיר צרו קשר

סגירת תפריט