div{
dispaly: inline-block; //한줄에 여러 div를 나타낼 수 있다.
dispaly: inline; //span과 마찬가지로 inline되어서 보여진다.
inline은 컨텐츠 자체만을 꾸며준다. 물건의 크기에 맞춰서 변경된다.
inline-block 한줄에 여러개 넣는데 블록단위로 표기가된다.

}

span{
display: block; // div와 같이 한줄에 하나씩 나타낼 수 있다.
한줄에 하나인 상자
}

position

기본적으로 static값을 가지고 있기 때문에 움직이지 않는다.

relative

원래의 위치에서 상대적으로 움직이는 것이다.

absolute

내 item이 담겨있는 박스 안에서 위치 변경이 일어난다.
젤 처음 박스를 기준으로 움직이는 것 같다.

fixed

윈도우를 기준으로 그 안에서 움직인다.

sticky

스크롤 되어도 그위치에 계속 유지된다.