أفضل 6 طرق لتوسيط المحتوى في منتصف الصفحة بواسطة CSS عمودياً وأفقياً

1- طريقة الجداول Table
https://codepen.io/walidov/pen/ExVLWME

2- طريقة Margin Auto
https://codepen.io/walidov/pen/BaoxWEN

3- طريقة Transform Translate
https://codepen.io/walidov/pen/KKdRWYa

4- طريقة Flexbox
https://codepen.io/walidov/pen/XWmqMQV

5- طريقة CSS Grid
https://codepen.io/walidov/pen/JjYvWVB

6- طريقة Self Align/Justify
https://codepen.io/walidov/pen/GRpdmrp

الوعاء على Github يحوي جميع الكودات في مكان واحد:
https://github.com/walidov/vertically-center-css