Padding برای تگ های اینلاین

عناصر inline می توانند margin و/یا padding داشته باشند اما نمیتوانند width و height داشته باشند. تعیین عرض و ارتفاع برای اینگونه عناصر اندازه آنها را تغییر نخواهد داد. نکته دیگر اینکه زمانی که به این عناصر padding و margin می دهید عناصر مجاورشان را در راستای افقی هول می دهند اما در راستای عمودی تاثیری بر روی آنها ندارند

همانطور که در متن بالا ( بخشی از مطلب مربوط به display ) به موضوع مورد سوال شما به خوبی اشاره شده، شاید بهتر باشه به این صورت بگیم که تعیین مقادیر padding-top و padding-bottom  برای عناصر inline ( از نوع non-replaced  ) تاثیری بر روی عناصر مجاور آنها در راستای عمودی  ندارد.

برای مثال در مورد تگ a  که گفتید ، درسته که مقدار padding گرفته آیا  بر روی عناصر کناری هم اثری داشته؟!! یعنی باعث شده که بین تگ a  و محتوای بالا و پایین،  فاصله هم به همان میزان  ایجاد شود مثل زمانی که برای عناصر غیر inline این مقادیر رو تعیین می کنیم!!

می تونید در این نمونه،  display تگ a  رو تغییر دهید تا متوجه تغییر شوید