blockの特徴

ひとつのブロックとして認識され、コンテンツをひとつにまとめるための要素のことをいいます。

1. 　前後で改行が入るので、縦に要素が並ぶ。
2. 　幅・高さの指定ができる。
3. 　余白の指定ができる。　　
4. 　要素の配置の指定ができない。

inlineの特徴

基本的にはblockの中で用いられます。文章の一部として認識され、例えばテキストの装飾やリンクに使われることがあります。

1. 　前後で改行が入らないので、横に要素が並ぶ。
2. 　幅・高さの指定ができない。
3. 　左右の余白は指定できるが上下の余白は調整できない。　　
4. 　要素の配置を指定できる。

inline-blockの特徴

インライン要素とブロックレベル要素のいいとこ取りです。

1. 　前後で改行が入らないので、横に要素が並ぶ。（inlineと同じ）
2. 　幅・高さの指定ができる。（blockと同じ）
3. 　余白の指定ができる。（blockと同じ）　　
4. 　要素の配置を指定できる。（inlineと同じ）

それぞれの特徴のイメージ