تعديل على كود توسط الكلمات بازرار القوائم

عند مشكلة  بالكود التالي الذي يضه قوائد ازرار التصفح كما الصورة
 اريد تعديل الكود بشكل يظهر كلمات القوائم بمنتصف كل مستطيل و ان تكون كلها بحجم واحد
هكذا حاليا عندي


الكود التالي الذي عندي

الكود:

a.mainmenu {
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    border-radius: 3px !important;
    color: #fff;
    font-size: 12px;
      padding: 3 3px;
    text-decoration: none !important;
    transition: all 250ms ease 0s;
    background: #006acd;
    line-height: 1px;
    font-family: droid arabic kufi;
}
a.mainmenu:hover {
    color: #fff;
    text-decoration: underline;
    background: #004687 !important;
    border-color: #fff !important;
}

علما قمت بالغاء الصور التي تكون بجانب القوائم و وضعتها صورة فارغة
و اظن ان هي المشكلة بحيث يعتبر الصورة الفارغة ( صورة ) بالتللي تكون هذه الازاحة الى اليسار

ارفق الكود كامل حتى يتم إزالة الايقونات وتوسيط النص

عزيزي الكود الموجود اعلاه كاملا على صفحة css

بعد تصفح منتداك وجدتتك قد قمت بحل الموضوع هل مازالت المشكله قائمة؟

شكرا صديقي عمر