تسجيل الدخول | التسجيل | الأسئلة المتكررة
Anonymous

Vertical centering

+ إضافة رد

2 مشاركة صفحة 1 من 1


Vertical centering

بواسطة lombardyjim » الخميس أكتوبر 05, 2017 4:11 pm

I have a title in a header. I can horizontally center, but can't get it off the top line in the header. Ideas? I need code, please, as an example. Thanks!
صورة العضو الشخصية

lombardyjim

  • مشاركات: 14
  • اشترك في: الثلاثاء يونيو 06, 2017 2:54 pm

Re: Vertical centering

بواسطة pavithra.ramesh » الثلاثاء فبراير 13, 2018 11:19 am

You can use many methods.
Here are a few examples:

Marging Top

h1{margin-top:50px;}


If you want to position the title vertically in the center, you can choose the following code.
.header {
position: relative;
}
.h1 {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

Check this code. I hope this should work. Please let me know if it doesn't work. I will create a pen in the codepen and share you the link.


Regards,

Pavithra Ramesh
Spidergems
صورة العضو الشخصية

pavithra.ramesh

  • مشاركات: 11
  • اشترك في: الثلاثاء فبراير 06, 2018 10:50 am


+ إضافة رد

صفحة 1 من 1