카유

display: flex모든 요소를 가로로 둠justify-content : 가로로 요소들을 배치할 것이다.display: flex;justify-content: center; /* 요소들 배치를 이렇게 할 거다. */justify-content: space-between;justify-content: space-around;etcalign-items: 모든 요소들을 가로로 두지만 세로로 요소들을 배치할 것이다.space-between 같은 space는 못쓴다. 아니 없다.display: flex;align-items: center; /* 요소들 배치를 이렇게 할 거다. */모든 요소를 화면 정중앙에 위치시키려면?display: flex;justify-content: center;align-items: ..

position: relative;'현재 있는 위치' 기준초기.locate {  position: relative;  left: 30px;  top: 30px;}.parent {  margin-left: 100px;}position: static;웹사이트의 기본으로 돌아가겠다. left나 top 위치 속성 무시.locate {  position: static;  left: 30px;  top: 30px;}.parent {  margin-left: 100px;}.parent {  position: static;  margin-left: 100px;}position: absolute;'부모 절대값' 기준만약 부모 태그가 relative / absolute / fixed 중 하나가 아니라면 태그를 부모로 삼..