【HTML】画像の横並び順序について

Question

<div class="mv" style="display:frex;">
　<!-- <img src="right.png" class="left"> -->
　<img src="left.png">
　<img src="right.png" class="right">
</div>

上記のような場合、最初に記述した画像が左側、次に指定した画像が右側になります。
これを逆にする事は可能でしょうか？
同じimg要素を上に記載し、クラスleftとrightをdisplayで表示非表示をすれば可能かとは思いましたが、
煩雑に思えるので、他に方法があればお伺いしたいです。

position:absolute;などで合わせる手法は無しでお願い致します。
よろしくお願いいたします。

Answer 1

flex-direction:row-reverse;を追加すればいいでしょう。

<div class="mv" style="display:flex;flex-direction:row-reverse;">
　<img src="left.png">
　<img src="right.png">
</div>

Comments

[peterpan]

そのような方法があったのですね。
ご回答いただきありがとうございます。