Folllowing - это мой jsfiddle, в котором я пытаюсь центрировать выравнивание элементов списка <li>
в <ul>
. Только проблема заключается в том, что lis установлен в float left, и я не могу удалить это условие. Пожалуйста, дайте мне знать, есть ли способ справиться с поплавком влево и сделать центр lis выровненным в общем (отзывчивым образом)?
#nav{
text-align: center;
line-height:30px;
}
#nav li {
float: left;
}
#nav li {
list-style:none;
margin: 0 5px;
display:inline;
border:gray solid 1px;
}
Попробуйте вот так: DEMO
CSS:
#nav ul {
margin:0 auto;
}
#nav li {
list-style:none;
margin: 0 5px;
display:inline-block;
border:gray solid 1px;
}