display: inline / display: block / display: inline-block

1) display: inline;

줄바꿈x, width, height속성 지정x, margin, padding 상하간격 반영 x

예) <span>, <a>, <em>

 

2) display: block; 

줄바꿈o, width, heigth, margin, padding속성 지정o

예) <div>, <p>, <h1>

 

3) display: inline-block;

줄바꿈x, width, height, margin, padding속성 지정o

예) <button>, <input>, <select>