ماهي أفضل الطرق لتوسيط عنصر أفقيا داخل div بدون إستعمال padding في css ؟

position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);

انظر هنا وانظر الي تعليق الاخ نذير على الموضوع

أخطأت في العنوان أقصد : رأسيا vertical .

في عنصر الـ div ضع هذه الخاصية

display:table;

في العنصر الذي داخل ال div ضع هذه الخصائص

display:table-cell;

vertical-align:middle;