Я пытаюсь реализовать flexbox, но не могу заставить его работать. Что мне не хватает? У меня есть все префиксы поставщика flexbox на месте.
.main-navigation ul {
width:100%;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
}
.main-navigation ul li {
justify-content:space-between;
width:100px;
background:#666;
display:block;
}
Цель состоит в том, чтобы левая часть li
оставалась на одном уровне с левой частью контейнера ul, а самая правая часть li
- для выравнивания с правой стороны контейнера ul. Любая помощь приветствуется.