Javascript 我无法将HTML图像与文本对齐

我是网络编程新手，我对HTML图像对齐有一个恼人的问题。。。我不明白为什么不管CSS设置如何，图像总是比同一行中的文本下移

<li class="navbar-item"><a class="nav-link" href="../contact/contact.php" >CONTACT</a></li>
<li class="navbar-item"><a class="nav-link" href="#"><img src="source" style="border-radius:10px;width:35px;height:35px;"></a></li>

这是我正在运行的基本代码，我已经尝试了很多方法来将“联系人”与图像对齐，但没有一种有效，这给了我相同的结果：

试试看

display: inline; 

到图像

尝试

display: inline; 

---

对于图像

您可以使用flexbox非常轻松地对齐项目。您需要的垂直对齐规则是“对齐项目：居中；”

ul{
显示器：flex；
对齐项目：居中；
}
李{
列表样式：无；
保证金：0.5雷姆；
}
img{
最大宽度：100px；
}

您可以使用flexbox轻松对齐项目。您需要的垂直对齐规则是“对齐项目：居中；”

ul{
显示器：flex；
对齐项目：居中；
}
李{
列表样式：无；
保证金：0.5雷姆；
}
img{
最大宽度：100px；
}

默认情况下，li显示为列表项。如果将元素的显示属性更改为“inline”，它将显示在文本旁边。 参考：

---

默认情况下，li显示为列表项。如果将元素的显示属性更改为“inline”，它将显示在文本旁边。 参考：

<代码>请考虑为我们创建一个当前的问题。对于以后的问题，将确切的代码上传到图像显示。我们不知道你用当前代码显示给我们什么，它很难复制/调试。请考虑为我们创建一个你当前的问题。对于以后的问题，上传确切的代码作为图像显示。我们没有得到与当前代码相同的东西，这使得复制/调试非常困难。