عناصر inline-block همچون عناصر inline هستند ولی آنها میتوانند دارای طول و عرض باشند.این ویژگی صفت inline-block را به صفتی ایده آل برای ایجاد منو‌ها در سایت‌ها تبدیل کرده است.

تفاوت استفاده کردن و استفاده نکردن از inline-block

.nav {
  background-color: yellow;
  list-style-type: none;
  text-align: center; 
  padding: 0;
  margin: 0;
}
.nav li {
  display: inline-block;
  font-size: 20px;
  padding: 20px;
}