inline

幅と高さの指定ができない

文章の一部に用いられ、重要なところにマーカーを付ける、みたいな役割

基本的にblock要素の中に入る

上下の余白を指定できない（かぶっちゃう....）

block

前後に改行が入る（余白も指定できる）

text-alignが設定できない

幅高さの指定ができる

inline-block

幅高さの指定ができる

ものを横に並べたい時に使う！（ソーシャルシェアボタン、メニューバー...）

上下左右のmargin paddingを指定できる

文字の大きさに沿って幅や高さが指定される