컨텐츠 요소를 가운데 정렬하는 7가지 방법입니다.

컨텐츠 요소를 가운데 정렬하는 방법

• 인라인 구조를 가운데 정렬하는 방법(text-align: center)
• 블록 요소를 가운데 정렬하는 방법(margin: 0 auto)
• 테이블을 이용한 가운데 정렬하는 방법(vertical-align: middle)
• 포지션을 이용한 가운데 정렬하는 방법(margin)
• 포지션을 이용한 가운데 정렬하는 방법(translate)
• 포지션을 이용한 가운데 정렬하는 방법(margin:auto)
• 플랙스를 이용한 가운데 정렬하는 방법(display:flex)

인라인 구조를 가운데 정렬하는 방법(text-align: center)

블록 요소를 가운데 정렬하는 방법(margin: 0 auto)

테이블을 이용한 가운데 정렬하는 방법(vertical-align: middle)

포지션을 이용한 가운데 정렬하는 방법(margin)

포지션을 이용한 가운데 정렬하는 방법(translate)

포지션을 이용한 가운데 정렬하는 방법(margin:auto)

플랙스를 이용한 가운데 정렬하는 방법(display:flex)