html怎么让ui li居中,css 问题求助，如何将导航的几个li 元素排在一行

想不借助其它的UI库弄个导航条。

不料这几个li 死活不在一条线上，显得导航条，高度很高。

有没有大佬帮助修整一下？谢谢了。

HTML 代码如下

`

My Application

.panel-primary{

background-color: blue;

border-color:blue;

border-radius: 4px;

}

.panel-primary>.panel-heading{

background-color: blue;

border-color:blue;

}

.nav>li>a:focus, .nav>li>a:hover {

text-decoration: none;

background-color: transparent;

}

.nav>li>a{

color:#fff;

padding-top: 10px;

padding-right: 15px;

padding-bottom: 10px;

padding-left: 15px;

text-decoration: none;

line-height: 20px;

display: block;

font-size: 14px;

}

.nav > li {

position: relative;

display: block;

}

My Application Bing Biadu

`