html - 画像を左右に並べて表示する

Question

CSS は初めてで、画像を並べて表示する方法を知りたいと思っていました。を使用したくはありませんfloat:leftが、むしろdisplay:inline-block. 試してみましたが、うまくいきませんでした。

これがjsfiddleです。