[css]複数画像を下揃えで並べたい

Question

前提・実現したいこと

今の状態だと、画像はキレイに横に並んでいるのですが、小さい画像が浮いている状態になっています。
全て下揃えにしたいのですが、どのように記述すればいいのでしょうか。

###試したこと
position:relativeでやりましたが、下揃えになるものの全て同じ位置に重なってしまいます。
その場で下に下げるだけにしたいです。
http://yamatonchu.hateblo.jp/entry/2016/06/26/%E4%BD%9C%E6%A5%AD%E7%94%A8%E3%83%A1%E3%83%A2%EF%BC%9Adiv%E5%86%85%E3%81%A7%E8%A6%81%E7%B4%A0%E3%82%92%E4%B8%8B%E6%8F%83%E3%81%88%E3%81%AB%E3%81%99%E3%82%8B

該当のソースコード

<div className={styles.graph}>
          <img />
          <img />
          <img />   
</div>

.graph {
  display: inline-block;
  display: flex;
}

Answer 1

下記でどうですか。

.graph {
  display: inline-block;
  display: flex;
  align-items: flex-end; /*追加*/
}

<div class="graph">
  <img src="http://placehold.jp/300x170.png">
  <img src="http://placehold.jp/300x150.png">
  <img src="http://placehold.jp/300x200.png">
</div>

CodePenサンプル

Comments

[aiai8976]

試しましたが、変わりませんでした。

[hatena19]

たぶん、設定が間違っているでしょう。
回答にサンプルを使いしておきましたので、現状のHTMLとCSSとの違いを見てください。

分からなければ、症状の再現できるHTMLとCSSを提示てください。