margin: 0 auto;
margin-left: auto;👉 내용이 오른쪽으로 쭉 밀림 (왼쪽에 여백 생김)
margin-right: auto;👉 내용이 왼쪽으로 쭉 밀림 (오른쪽에 여백 생김)
margin: 0 auto;👉 위 두개를 같이 쓴 형태로, 최종적으로 가운데 정렬이 된다.
text-align: center;
글자를 중앙에 정렬시킨다는 의미
텍스트 중앙정렬 원하는 개체 부모한테 주면 중앙 정렬이 된다.
이 경우,
inline-block inline 은 당연히 적용되며
block 은 block 안의 텍스트 요소만 중앙 정렬이 된다.
float
자식한테 사용
float: left;
float: right;사용 시, 부모한테 아래 태그로 꼭 해제해줘야 한다
overflow: hidden;float 쓸 개체들 width값 얻는 법
width: calc((100% - 사이여백 값 px) / 개체 갯수);
margin-right: 사이여백 값;width 구해 여백 값 셋팅 후,
margin-right: 0;:last-child로 마지막 개체에 해당 값을 주어 마지막 여백 없애기
Web Publisher