为什么我的按钮/链接没有在中心对齐？

Question

CodePen：http://codepen.io/hgducharme/pen/juiEo

我右侧的链接不在ul框的中间。最右边的头像位于最顶部，如果我想更改li元素的边距顶部，那么它将基于我的头像顶部。我有margin-top: 0px;，它将我的所有li元素移到顶部，但我的头像是错开的。我希望能够在一条平直的线上得到它们。

我目前正在尝试重建谷歌的主页。

修改：浏览器是Chrome

Answer 1

您需要指定垂直对齐：

li {
     vertical-align:middle;
     display: inline-block;
     list-style: none;
     padding: 5px;
     border: 1px solid blue;
}