توسيط نص

يعتبر ذلك طبيعي لماذا لأن ال جملة  ag1&ag3 لم تأخذ عرض محدد لذلك تأخذ العرض الذي يساوي 1 column ويناسب عرض الجملة بالضبط لذلك لا يؤثر التوسيط ولكن إذا قمت بوضعها داخل span وقمت بإعطائه عرض أكبر من 1 column سترى النتيجة 

لذلك قم بالتعديل التالي وسترى الجملة يحدث لها توسيط 

<span class="ag1"> ag1 <br> 1 of 11</span>

ثم قم بإضافة التنسيقات التالية

.ag1{
    background: white;
    grid-column:1/3;
    grid-row:1/2;

}