Padding برای تگ های اینلاین
سوال جدیدعناصر inline می توانند margin و/یا padding داشته باشند اما نمیتوانند width و height داشته باشند. تعیین عرض و ارتفاع برای اینگونه عناصر اندازه آنها را تغییر نخواهد داد. نکته دیگر اینکه زمانی که به این عناصر padding و margin می دهید عناصر مجاورشان را در راستای افقی هول می دهند اما در راستای عمودی تاثیری بر روی آنها ندارند
همانطور که در متن بالا ( بخشی از مطلب مربوط به display ) به موضوع مورد سوال شما به خوبی اشاره شده، شاید بهتر باشه به این صورت بگیم که تعیین مقادیر padding-top و padding-bottom برای عناصر inline ( از نوع non-replaced ) تاثیری بر روی عناصر مجاور آنها در راستای عمودی ندارد.
برای مثال در مورد تگ a که گفتید ، درسته که مقدار padding گرفته آیا بر روی عناصر کناری هم اثری داشته؟!! یعنی باعث شده که بین تگ a و محتوای بالا و پایین، فاصله هم به همان میزان ایجاد شود مثل زمانی که برای عناصر غیر inline این مقادیر رو تعیین می کنیم!!
می تونید در این نمونه، display تگ a رو تغییر دهید تا متوجه تغییر شوید
ممنون بابت توضیحتون