Как допилить горизонтальное меню?

Question

[Иван Антонов]

Не получается сделать горизонтальное меню, помогите, вот собственно код:

HTML:

CSS:
#menu {
width: 100%;
margin-top: 12px;
float: left;
border: 1px #b2b2b2 solid;
}

.top-menu a {
font-family: 'Oswald', sans-serif;
font-size: 16px;
text-decoration: none;
color: #b2b2b2;
}

.top-menu li {
list-style-type: none;
display: inline-block;
padding: 7px 10px 7px 17px;
border-right: 1px #b2b2b2 solid;
}

Comments

[#алгоптимизируй #отботизируй]

jsfiddler

Answer 1

[HamSter]

попробуйте .top-menu li ширину задать

Comments

[Иван Антонов]

не работает

[HamSter]

Иван Антонов: https://jsbin.com , https://jsfiddle.net/, codepen.io код выложите

[Иван Антонов]

HamSter: Спасибо за помощь!

[HamSter]

Иван Антонов: так заработало или нет?)

[Иван Антонов]

Да заработало!

[HamSter]

Иван Антонов: хорошо)

[Алексей Зуев]

Иван Антонов: если заработало, то не стесняйтесь пометить ответ решением