انا كنت بعاني من مشكلة في فهم الـ Display عموما

مكنتش بعرف أميز بين الـ inline / block / inline-block

لكن بعد عدة محاولات فهمت الأتي

أن الـ inline بيبقا علي خط أفقي , ومش بيتأثر غير بالـ padding + margin

لكن مش بيتأثر بالـ height or width

والـ block بيحول العنصر من inline , إلي هوا مش بيتأثر بـ height or width اساسا

لـ عنصر بيقبل الـ height & width وجميع الخواص التانية سواء padding or margin .....

الجميل بقا في الموضوع الـ inline-block

دة لو حبيت تحول عنصر inline لـ عنصر بيقبل الـ height & width

بتقوم مديلة الـ inline-block , وبكدا العنصر هيحترم أنك مديلة خصائص الـ block

وطبعاً مننساش الـ none

الي هيا بتخفي العنصر من مكانة , مع إزالة مكانة من الصفحة وإستبدالة بالعنصر إلي تحتة

none: بتخفي العنصر من مكانة مع إزالة مكانة من الصفحة

inline: مش بيقبل الـ height + width

block: بيقبل الـ height + width

inline-block: بيعمل عنصر علي خط أفقي وبيخلية قبل خصائص الـ block