flexbox 両端寄せで要素数が１のとき、右揃えにする方法

Question

<div class="box">
	<div>要素</div>
	<div>要素</div>
</div>

<div class="box">
	<div>要素(これを左寄せではなく右寄せにしたい)</div>
</div>

```css
.box {
		width: 500px;
		display: flex;
		justify-content: space-between;
		}

flexbox space-betweenを使っていて、要素が単数の時
要素が右寄せになるようにしたいです。
いろいろ調べたのですが方法が見当たらず
ご教示願います。

Comments

[Lhankor_Mhy]

flex-direction: row-reverse じゃダメですよねやっぱり。

Answer 1

.box > div:first-child:last-child {
    margin-left: auto;
}

でどうでしょうか

Comments

[hpd]

ありがとうございます！！