CSS для выравнивания меню ul справа внутри flexboxCSS

Разбираемся в CSS
Ответить
Anonymous
 CSS для выравнивания меню ul справа внутри flexbox

Сообщение Anonymous »

У моего codepen есть изображение логотипа слева и меню ul справа. После завершения меню справа от меню остается пустое место. Как мне приказать меню выровняться по правому краю, чтобы пустое пространство находится слева от меню?
Я пробовал разные вещи, которые не работали, например

Код: Выделить всё

.flexbox-1-4 {
border:2px solid red;
display:flex;
align-items: center;
padding:4px;
justify-content:space-between;
}

.left {
flex:1;
border:2px solid pink;
}
.right {
flex:4;
border:1px solid lime;
}

ul {
list-style:none;
border:2px solid cyan;
display:inline-block;
}

ul li {
display: inline-block;
padding-right:18px;
}

Код: Выделить всё


[img]https://upload.wikimedia.org/wikipedia/commons/7/7d/Wikimedia-logo-200px-transparent.png[/img]

[list]
[*]Coffee
[*]Tea
[*]Milk
[*]Water
[*]Orange
[/list]




Подробнее здесь: https://stackoverflow.com/questions/787 ... de-flexbox
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»