html布局问题，求大神解答啊

如图，在<li>里做了一个蓝色的背景，想在<li>里加一个<a>做个菜单导航，但做出来的<a>学习进度</a>在<li>的偏上方，我想让“学习进度”在蓝色背景中间显示，要设置什么属性？
------解决方案--------------------
line-height
height 

这两个属性设置一下的
------解决方案--------------------
line-height的值与height 的值相等就好了