Css 添加’；s反映在父对象的高度中，使用display:inline

我肯定有人以前有过这个问题，但我似乎找不到正确的方法来描述它

我有一排这样的图标：

是这样产生的

HTML:

当我想在

的顶部添加填充以使图标位于顶部时，就会出现问题

通过添加

填充顶部：35px至
。导航全局LIA
：


以下是检查员告诉我的：


我尝试过使用
内联块
，尝试过使
显示：块

，使用

clearfix

和其他一些东西，但似乎无法理解

---

有什么建议吗？

您还应该尝试向li元素（.nav global li）添加填充，并将其显示为内联块

.nav-global li {
   display: inline-block;
   padding-top: 35px;
}

.nav-global ul {
  padding: 0;
  text-align: center;
}
.nav-global li {
  display: inline;
}
  .nav-global li a {
    background-image: url(/try/img/nav-global-icon.png);
    background-repeat: no-repeat;
    background-position: center 0;
  }

.nav-global li {
   display: inline-block;
   padding-top: 35px;
}