1)display:flex;/ justify-content:center;/ align-items:center; 가운데 정렬하는 쉽고 간편한 방법이 있다. 아래와 같이 가로 세로 가운데 정렬이 잘 된다. 참고로 image 크기를 키우면 이미지가 다른 영역 위까지 뻗는다. img{ width:50px; } 2)text-align과 line-height 텍스트를 가운데 정렬할 수 있는 text-align, 줄 높이를 활용해 세로 가운데 정렬할 수 있는 line-height를 계속 사용해보고 싶었다. 두번째 요소는 가로 세로 모두 가운데 정렬이 잘 되었다. 하지만 이미지 태그가 있는 첫 번째 요소의 경우 수직 가운데 정렬이 잘 되지 않는다. 심지어 태그의 사이즈를 키울 수록 '1'의 수직 가운데 정렬은 틀어진다..
