◆ float は上に詰められる(基本的に)
◆ inline-block は行が揃う 

ブロックを横に並ぶデザインだと基本的にこの 2 つがあると思います

float-image

inline-block-image


HTML で作ろうとすると 上側はもちろん float ですね
下側は table ?

と思うかもですが inline-block でも作れます
表というわけじゃないなら table タグ使わないほうがいい場合もあります


単純に display:inline-block にするか float:left にするかくらいですが 一応サンプル用意しました

サ ン プ ル

[float]
float-inline-block-f

[inline-block]
float-inline-block-ib

実は inline-block で高さ違うものを 2 段以上並べることがなかったので float みたいになるんだっけ?とかはっきり自分でもわかってませんでした
inline-block でも table ぽく高さが揃うんです

中身によっては vertical-align で調整しないと ずれることもあるので必要な場合は設定してください