ما الفرق بين inline و block و inline-block في display في CSS ؟

Inline elements:

1. تقوم بصف العناصر بجانب بعضها البعض على اليمين  واليسار
2. يمكنك تحديد left & right , margins and padding  للنعصر ولا تسمح لك تحديد top & bottom
3. لا يمكنك تحديد  width , height 

Block elements:

1. تسمح بتحديد جميع الخصائص
2. تقوم بإضافة سطر بين العنصر والآخر (تقوم بصف العناصر فوق بعضها البعض)

Inline-block elements:

1. تقوم بصف العناصر بجانب بعضها البعض على اليمين  واليسار
2. تسمح لك بتحديد top & bottom , margin and padding
3. تسمح بتحديد width , height

المصدر