مشكلة خاصية display مع القيمة inline في لغة CSS

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

مشكلة تحدث عند أستخدام خاصية display مع القيمة inline مع خصائص height و width و padding و margin في لغة CSS.

لا تعمل خاصية height مع خاصية display مع القيمة inline في لغة CSS.

HTML

div
{
  border:red solid 1px;
  display:inline;
  height:400px
}

لا تعمل خاصية width مع خاصية display مع القيمة inline في لغة CSS.

HTML

div
{
  border:red solid 1px;
  display:inline;
  width:400px
}

لا تعمل خاصية padding-top مع خاصية display مع القيمة inline في لغة CSS.

HTML

div
{
  border:red solid 1px;
  display:inline;
  padding-top:100px;
}

لا تعمل خاصية margin-top مع خاصية display مع القيمة inline في لغة CSS.

HTML

div
{
  border:red solid 1px;
  display:inline;
  margin-top:100px;
}

لا تعمل خاصية margin-bottom مع خاصية display مع القيمة inline في لغة CSS.

HTML

div
{
  border:red solid 1px;
  display:inline;
  margin-bottom:100px;
}