Html CSS边框不绑定

我正在尝试制作以下菜单栏

事实上，我的结果如下：

我的主要问题是我不知道如何使侧边到达层的顶部，我使用的CSS和HTML代码如下：

HTML

<div id="header" class="row">
    <div class="col-md-12">
 <nav>
    <ul class="actions">
      <li class="header_nav">
         <a href="#">Iniciar Sesi&oacute;n</a>
      </li>
     <li class="header_nav notifications">
       <a href="#"></a>
     </li>
    <li class="header_nav like">
       <a href="#"></a>
    </li>
    <li class="header_nav history">
       <a href="#"></a>
    </li>
 </ul>
  </nav>
</div>
</div>

---

谢谢你所做的一切

进行以下更改：

nav li {
list-style: none;
display: inline;
float: left;
padding: 10px;
height: 42x; // for 1px difference to the bottom
}

如果你不想左边有这么多空的地方：

.row {
margin-left: -60px;
margin-right: -15px;
}

---

你能给那个页面加个链接吗？我不太明白这个问题。你想让你的菜单栏粘在页面边缘，现在几乎没有空间了？我已经上传了这个url，但现在我不知道为什么我不显示图标。。。Ramon，当被要求时，您愿意将代码上传到该页面，这真是太棒了，但是除非您愿意永远保持该测试页面，否则将来更好的方法是使用JSFIDLE。然后，人们可以随意使用您的代码，并自己更新代码以提供示例，这样您就不必担心托管测试页面了。很高兴你和Alek能找到答案，干杯！文字很好地贴在底线上，但徽标似乎缺少一个像素来接触底边。您必须添加自定义高度。此更改是否解决了您的问题？

.row {
margin-left: -60px;
margin-right: -15px;
}