تگ های مثل p , div , section تگ های بلاکی (block) هستند این تگ ها تمام عرض سند مارو پوشش می دهند
ولی تگ های اینلاینی (inline) مثل em , span , a, strong هستند این تگ ها عرضشون به اندازه محتوا یا متنی که درونشون قرار میگرد هستند
در مجموع تفاوت این تگ ها بر سر دیسپلی (display) هاشون هست
که ما از طریق attribute های class , id می تونیم این تگ هامون رو تو css بگیریم و display هاشون رو تغییر بدیم و مهم ترین display ها block ,inline, inline-block , none هستند
درود وقتتون بخیر
مطالب خوبی بود! منتهی چیزی که من بتونم بهش اضافه کنم اینکه توی دسته ای از display های پر کاربرد و معروف میشه display: flex رو هم گفت که توی سیستم شبکه بندی یا grid میتونه حائز اهمیت باشه!
ممنونم
مطلب را خیلی خوب گفتین.
این موضوع را هم اضافه کنید کامل تر میشود.
یک تفاوتی دیگه تگ ای inline و block برخوردشان با ویژگی padding و margin است.
تگ های inline وقتی margin یا padding میگیرن فقط در جهت افقی , اندازها را اعمال میکنن نه در جهت عمودی ولی تگ های block در همه جهات اندازه ها را اعمال میکند.