عندى مشكلة فى تصميم موقعى

يمكن تحديد نمط العض ب flex, ثم عن طريق التنسيقات التالية سيتم توسيط العنصر أفقيا و عموديا،.

html,body {
  height:100%;
  width:100%;
  margin:0;
}
body {
  display:flex;
}
form {
  margin:auto;/* توسيط عن طريق الهوامش */
}

وفي حال استخدمت نمط عرض الجدول،

#parent { // div
   display: table;
   width: 100%;
}
#form_login {
   display: table-cell;
   text-align: center; // توسيط افقي
   vertical-align: middle; // توسيط عمودي
}