[CSS] inline block

CSS display는 inline / block / none / inline-block 가능

 

• 그중에서 inline-block 은 끼리끼리는 inline 처럼 움직이나, block 처럼 width, height 값을 가질수 있다

 

아래의 예제 : div 3개가 float 인 마냥 움직인다(float 설정 안한 상태)

- display: block

- display: inline

inline에는 width, height 값이 적용 안된다. 

- display: inline-blcok

Inline 처럼 움직이나 block처럼 width, height 값을 가질 수 있다.