برای وسط چین کردن (Centering) عناصر در اچ تی ام ال راه های زیادی وجود داره ساده ترینش بصورت زیره

به کنترل والد تگی که می خواهید وسط چین بشه - در مثال شما Div با کلاس text-center که ظرفی برای کلاس g میشه خاصیت های زیر رو بدید

display: flex;
justify-content: center;

به Div با کلاس g هم می تونید خاصیت زیر رو بدید - (البته اگر اعمال نشه هم وسط چین میشه)
align-self: center;


البته پشتیبانی در مرورگرهای قدیمی رو هم باید در نظر بگیرید -