flexbox 오른쪽 및 왼쪽 정렬
.primary-nav {
display:-webkit-flex;
display:flex;
list-style-type:none;
padding:0;
justify-content:flex-end;
}
.left {
margin-right:auto;
}
플렉스 포스 div 오른쪽
.parent {
display: flex;
}
.child {
margin-left: auto;
order: 2;
}
플렉스 행
.item {
order: 5; /* default is 0 */
}
플렉스 항목 오른쪽
header > div:nth-child(3) { margin-left: auto;}