Не могу показывать, работает на ли

Поэтому у меня есть Ли, который работает, как показано ниже, чтобы показать контент https://i.cloudup.com/wIVZQfesOU.png

Мне нужно, чтобы li Display занял весь ящик, в то же время он должен отображаться, чтобы придерживаться вправо, а не бегать вниз.

.navbar                     {width: 100%;height: 50px;background: #0088df}

ul                          {margin: none;padding-left: 20px}
li                          {height: 100%;width: 150px;line-height: 50px;display: block;text-align: center;font-weight: bold;text-transform: uppercase;}
li:hover, li a:hover        {background: #fff;color: #000;}