footer内でテキストと画像を「離して」横並びにするにはどうすればいいでしょうか？

Question

px数等で指定するのではなく親要素の幅に合わせて両端に配置したいのですが、どうしても分かりません。

該当のソースコード

HTML上

<footer> <p class="aiueo">あいうえお<br> かきくけこ<br> さしすせそ</p> <p class="abc"><img src="images/abc.jpg"></p> </footer>

CSS上

p.aiueo, p.abc {
display: inline-block;
}

試したこと

p.abcのmargin-leftにpxを指定して無理やり間を開けることは考えました。
でも、親要素の幅に合わせてその中で両端にそれぞれ並べたいんです。

補足情報（FW/ツールのバージョンなど）

HTML5

Answer 1

footerに対して、
display: flex;
justify-content: space-between;
の指定はどうでしょうか。

Comments

[nzm_2255]

ありがとうございます！！すごい！できました〜！
初心者に優しく教えていただき、ありがとうございました(*´v`*)!